{"id":29357,"date":"2023-10-24T10:45:35","date_gmt":"2023-10-24T08:45:35","guid":{"rendered":"https:\/\/auro.de\/colors-for-life\/"},"modified":"2025-03-28T09:32:22","modified_gmt":"2025-03-28T08:32:22","slug":"colours-for-life","status":"publish","type":"page","link":"https:\/\/auro.de\/en\/colours-for-life\/","title":{"rendered":"Colours for Life"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29357\" class=\"elementor elementor-29357 elementor-10078\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e4894e elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2e4894e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f891b1\" data-id=\"4f891b1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb6a59b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"bb6a59b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Desired colours<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a328ed elementor-widget elementor-widget-heading\" data-id=\"9a328ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">COLOURS FOR LIFE<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97838d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97838d6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cbed5d1\" data-id=\"cbed5d1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9817698 elementor-widget elementor-widget-heading\" data-id=\"9817698\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Environmentally friendly paints for indoors and outdoors from the paint mixing machine<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bacd45d elementor-widget elementor-widget-text-editor\" data-id=\"bacd45d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A healthy living environment with harmonious or bold colour tones for your home is simply part of a conscious lifestyle. You can find the perfect shade for your own four walls in over 1000 colour nuances. Every shade really does look very authentic on the wall. Even the wide range of gloss and matt paint shades for wood, wood-based materials and metal are suitable for indoors and outdoors. The solvent-free wood stain shades are available in 65 different nuances.<\/p>\n<p>Visit your local dealer and take a look at all the colours in the COLOURS FOR LIFE color fan. This will help you find the right shade for you, which you can then simply mix on site. Or you can order the colour online from the retailer.<\/p>\n<p>The advantage: All colour nuances can be remixed at any time to the exact shade.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-66b89c8\" data-id=\"66b89c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e8acc7 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"4e8acc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/auro.de\/en\/notes-on-color-tone-display\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Notes on colour tone display<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b57039 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b57039\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f97df3a\" data-id=\"f97df3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7e0248 elementor-widget elementor-widget-heading\" data-id=\"b7e0248\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Choose from over 1000 shades<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-640f42d elementor-widget elementor-widget-text-editor\" data-id=\"640f42d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Narrow down your selection<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b34e663 e-con-full e-flex e-con e-parent\" data-id=\"b34e663\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a335a2 elementor-widget elementor-widget-shortcode\" data-id=\"8a335a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div\n            class='colours-for-life '\n            x-data='colorTiles'\n            x-init=\"\n                activeGroup = {slug: '', name: 'All colours'};\n                paintNo = new URLSearchParams(window.location.search).get('cfl-p') ?? null;\n                if (this.paintNo) {\n                    activeCat = JSON.parse($el.querySelector('[data-paint_no=' + paintNo + ']').getAttribute('data-cat'));\n                }  else {\n                    activeCat = {name: 'Wall paint', slug: 'wandfarbe'}\n                }\n                $watch('activeCat', () => setFirstPaintActive($el));\n                $nextTick(() => setFirstPaintActive($el));\n            \"\n            >\n            <div class='colours-for-life__menu-wrapper'>\n                \n        <div class='colours-for-life__dropdown dropdown--paint-cats' x-data='{isOpen: false}'>\n            <div class='colours-for-life__dropdown__wrap' @click.prevent='isOpen = !isOpen'>            \n                <span x-text='activeCat.name'><\/span>\n                <i class='fa fa-chevron-down'><\/i>\n            <\/div>\n            <ul x-show='isOpen' @click.away='isOpen = false' x-cloak>\n                \n            <li \n                :class=\"'wandfarbe' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'wandfarbe', name: 'Wall paint'}}\"\n                data-cat='{\"slug\": \"wandfarbe\", \"name\": \"Wall paint\"}'\n                data-paint_no=\"555\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_wandfarbe.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_wandfarbe.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_wandfarbe-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_wandfarbe-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Wall paint\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 555<\/div>\n                <\/a>\n            <\/li>\n        \n            <li \n                :class=\"'lehmfarbe' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'lehmfarbe', name: 'Clay paint'}}\"\n                data-cat='{\"slug\": \"lehmfarbe\", \"name\": \"Clay paint\"}'\n                data-paint_no=\"535\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lehmfarbe.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lehmfarbe.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lehmfarbe-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lehmfarbe-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Clay paint\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 535<\/div>\n                <\/a>\n            <\/li>\n        \n            <li \n                :class=\"'ecolith-innen' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'ecolith-innen', name: 'Ecolith indoor'}}\"\n                data-cat='{\"slug\": \"ecolith-innen\", \"name\": \"Ecolith indoor\"}'\n                data-paint_no=\"584\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-innen.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-innen.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-innen-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-innen-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Ecolith indoor\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 584<\/div>\n                <\/a>\n            <\/li>\n        \n            <li \n                :class=\"'ecolith-aussen' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'ecolith-aussen', name: 'Ecolith outdoor'}}\"\n                data-cat='{\"slug\": \"ecolith-aussen\", \"name\": \"Ecolith outdoor\"}'\n                data-paint_no=\"594\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-aussen.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-aussen.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-aussen-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_ecolith-aussen-150x150.png 150w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/elementor\/thumbs\/colours-for-life_produktkategorien_thumbnails_ecolith-aussen-qf20fs3rqbf0quj4694cwm3ejowci6c8r0vqqbd0r4.png 360w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Ecolith outdoor\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 594<\/div>\n                <\/a>\n            <\/li>\n        \n            <li \n                :class=\"'lack-glaenzend' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'lack-glaenzend', name: 'Gloss paint'}}\"\n                data-cat='{\"slug\": \"lack-glaenzend\", \"name\": \"Gloss paint\"}'\n                data-paint_no=\"516\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-glaenzend.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-glaenzend.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-glaenzend-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-glaenzend-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Gloss paint\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 516<\/div>\n                <\/a>\n            <\/li>\n        \n            <li \n                :class=\"'lack-matt' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'lack-matt', name: 'Satin paint'}}\"\n                data-cat='{\"slug\": \"lack-matt\", \"name\": \"Satin paint\"}'\n                data-paint_no=\"517\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-matt.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-matt.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-matt-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_lack-matt-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Satin paint\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 517<\/div>\n                <\/a>\n            <\/li>\n        \n            <li \n                :class=\"'holzlasur' === activeCat.slug ? 'active' : ''\" \n                x-data=\"{cat: {slug: 'holzlasur', name: 'Wood stain'}}\"\n                data-cat='{\"slug\": \"holzlasur\", \"name\": \"Wood stain\"}'\n                data-paint_no=\"560\"\n                \n            >\n                <a href='#' @click.prevent=\"activeCat = cat; isOpen = false;\">\n                    <div class='paint-content'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_holzlasur.png\" class=\"colours-for-life__dropdown__img\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_holzlasur.png 500w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_holzlasur-300x300.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/11\/colours-for-life_produktkategorien_thumbnails_holzlasur-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\n                        <div class='paint-name'>\n                            Wood stain\n                        <\/div>\n                    <\/div>\n                    <div class='paint-no'>No. 560<\/div>\n                <\/a>\n            <\/li>\n        \n            <\/ul>\n        <\/div>\n    \n                \n        <div class='colours-for-life__dropdown dropdown--paint-groups' x-data='{isOpen: false}'>\n            <div class='colours-for-life__dropdown__wrap' @click.prevent='isOpen = !isOpen'>            \n                <span x-text='activeGroup.name'><\/span>\n                <i class='fa fa-chevron-down'><\/i>\n            <\/div>\n            <ul x-show='isOpen' @click.away='isOpen = false' x-cloak>\n                \n            <li \n                x-data=\"{group: {slug: 'rottoene', name: 'Red'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #d0887c\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Red\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'orangetoene', name: 'Orange'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #feb741\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Orange\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'gelbtoene', name: 'Yellow'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #efc93c\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Yellow\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'gruentoene', name: 'Green'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #afc846\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Green\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'blautoene', name: 'Blue'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #617ccd\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Blue\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'violetttoene', name: 'Violet'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #c49bc7\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Violet\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'brauntoene', name: 'Brown'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #aa824f\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Brown\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'grautoene', name: 'Gray'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #8e8e95\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Gray\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'off-whites', name: 'Off-Whites'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #eaeaea\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Off-Whites\n                <\/a>\n            <\/li>\n        \n            <li \n                x-data=\"{group: {slug: 'soft-toene', name: 'Soft-T\u00f6ne'}}\"\n                x-show='!(group.slug === \"soft-toene\" && activeCat.slug === \"holzlasur\")'\n                :class='{active: activeGroup.slug === group.slug}'\n                style=\"--color: #e5f7cd\"\n            >\n                <a href='#' @click.prevent='activeGroup = group; isOpen = false;  $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                    Soft-T\u00f6ne\n                <\/a>\n            <\/li>\n        \n        <li :class='{active: activeGroup.slug === \"\"}'>\n            <a href='#' @click.prevent='activeGroup = {slug: null, name: \"All colours\"}; isOpen = false; $nextTick(() => setFirstPaintActive($el.closest(\".colours-for-life\")))'>\n                All colours\n            <\/a>\n        <\/li>\n    \n            <\/ul>\n        <\/div>\n    \n                \n        <div class='colours-for-life__search'>\n            <input type='text' placeholder='Search' x-model='searchTerm'>\n            <template x-if='!searchTerm'>\n                <i class='fa fa-search'><\/i>\n            <\/template>\n            <template x-if='searchTerm'>        \n                <i class='fa fa-close' @click='searchTerm = \"\"'><\/i>\n            <\/template>\n        <\/div>\n    \n            <\/div>\n            <div class='colours-for-life__wrap'>\n                <ul class='colours-for-life__tiles'>\n                    \n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbcac8\"\n                    data-id='53104'\n                    x-data='{\n                        paint: {\n                            color: \"#dbcac8\",\n                            index: 0,\n                            id: 53104,\n                            name: \"K85.3 antic paper\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.3 antic paper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init='activePaint = paint'\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.3 antic paper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b36341\"\n                    data-id='9275'\n                    x-data='{\n                        paint: {\n                            color: \"#b36341\",\n                            index: 0,\n                            id: 9275,\n                            name: \"arizona sunset\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arizona sunset') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arizona sunset\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bd6e4d\"\n                    data-id='9276'\n                    x-data='{\n                        paint: {\n                            color: \"#bd6e4d\",\n                            index: 0,\n                            id: 9276,\n                            name: \"arizona sunset 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arizona sunset 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arizona sunset 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ce886c\"\n                    data-id='9277'\n                    x-data='{\n                        paint: {\n                            color: \"#ce886c\",\n                            index: 0,\n                            id: 9277,\n                            name: \"arizona sunset 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arizona sunset 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arizona sunset 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dea085\"\n                    data-id='9278'\n                    x-data='{\n                        paint: {\n                            color: \"#dea085\",\n                            index: 0,\n                            id: 9278,\n                            name: \"arizona sunset 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arizona sunset 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arizona sunset 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eab8a0\"\n                    data-id='9279'\n                    x-data='{\n                        paint: {\n                            color: \"#eab8a0\",\n                            index: 0,\n                            id: 9279,\n                            name: \"arizona sunset 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arizona sunset 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arizona sunset 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2ccb9\"\n                    data-id='9280'\n                    x-data='{\n                        paint: {\n                            color: \"#f2ccb9\",\n                            index: 0,\n                            id: 9280,\n                            name: \"arizona sunset 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arizona sunset 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arizona sunset 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c36844\"\n                    data-id='9281'\n                    x-data='{\n                        paint: {\n                            color: \"#c36844\",\n                            index: 0,\n                            id: 9281,\n                            name: \"smoke orange\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'smoke orange') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        smoke orange\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cd7758\"\n                    data-id='9282'\n                    x-data='{\n                        paint: {\n                            color: \"#cd7758\",\n                            index: 0,\n                            id: 9282,\n                            name: \"smoke orange 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'smoke orange 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        smoke orange 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dd967f\"\n                    data-id='9283'\n                    x-data='{\n                        paint: {\n                            color: \"#dd967f\",\n                            index: 0,\n                            id: 9283,\n                            name: \"smoke orange 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'smoke orange 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        smoke orange 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9ae9a\"\n                    data-id='9284'\n                    x-data='{\n                        paint: {\n                            color: \"#e9ae9a\",\n                            index: 0,\n                            id: 9284,\n                            name: \"smoke orange 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'smoke orange 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        smoke orange 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2c4b4\"\n                    data-id='9285'\n                    x-data='{\n                        paint: {\n                            color: \"#f2c4b4\",\n                            index: 0,\n                            id: 9285,\n                            name: \"smoke orange 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'smoke orange 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        smoke orange 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f7d6c9\"\n                    data-id='9286'\n                    x-data='{\n                        paint: {\n                            color: \"#f7d6c9\",\n                            index: 0,\n                            id: 9286,\n                            name: \"smoke orange 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'smoke orange 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        smoke orange 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1593e\"\n                    data-id='9287'\n                    x-data='{\n                        paint: {\n                            color: \"#b1593e\",\n                            index: 0,\n                            id: 9287,\n                            name: \"indian summer\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian summer') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian summer\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bc664f\"\n                    data-id='9288'\n                    x-data='{\n                        paint: {\n                            color: \"#bc664f\",\n                            index: 0,\n                            id: 9288,\n                            name: \"indian summer 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian summer 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian summer 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ce8473\"\n                    data-id='9289'\n                    x-data='{\n                        paint: {\n                            color: \"#ce8473\",\n                            index: 0,\n                            id: 9289,\n                            name: \"indian summer 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian summer 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian summer 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #de9d8e\"\n                    data-id='9290'\n                    x-data='{\n                        paint: {\n                            color: \"#de9d8e\",\n                            index: 0,\n                            id: 9290,\n                            name: \"indian summer 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian summer 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian summer 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebb6aa\"\n                    data-id='9291'\n                    x-data='{\n                        paint: {\n                            color: \"#ebb6aa\",\n                            index: 0,\n                            id: 9291,\n                            name: \"indian summer 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian summer 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian summer 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2cac0\"\n                    data-id='9292'\n                    x-data='{\n                        paint: {\n                            color: \"#f2cac0\",\n                            index: 0,\n                            id: 9292,\n                            name: \"indian summer 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian summer 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian summer 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a7513b\"\n                    data-id='9293'\n                    x-data='{\n                        paint: {\n                            color: \"#a7513b\",\n                            index: 0,\n                            id: 9293,\n                            name: \"soft red brown\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft red brown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft red brown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b15c49\"\n                    data-id='9294'\n                    x-data='{\n                        paint: {\n                            color: \"#b15c49\",\n                            index: 0,\n                            id: 9294,\n                            name: \"soft red brown 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft red brown 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft red brown 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c4796c\"\n                    data-id='9295'\n                    x-data='{\n                        paint: {\n                            color: \"#c4796c\",\n                            index: 0,\n                            id: 9295,\n                            name: \"soft red brown 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft red brown 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft red brown 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d79285\"\n                    data-id='9296'\n                    x-data='{\n                        paint: {\n                            color: \"#d79285\",\n                            index: 0,\n                            id: 9296,\n                            name: \"soft red brown 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft red brown 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft red brown 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5aca1\"\n                    data-id='9297'\n                    x-data='{\n                        paint: {\n                            color: \"#e5aca1\",\n                            index: 0,\n                            id: 9297,\n                            name: \"soft red brown 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft red brown 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft red brown 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efc3ba\"\n                    data-id='9298'\n                    x-data='{\n                        paint: {\n                            color: \"#efc3ba\",\n                            index: 0,\n                            id: 9298,\n                            name: \"soft red brown 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft red brown 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft red brown 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9f4c39\"\n                    data-id='9299'\n                    x-data='{\n                        paint: {\n                            color: \"#9f4c39\",\n                            index: 0,\n                            id: 9299,\n                            name: \"rocky mountain red\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rocky mountain red') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rocky mountain red\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a95646\"\n                    data-id='9300'\n                    x-data='{\n                        paint: {\n                            color: \"#a95646\",\n                            index: 0,\n                            id: 9300,\n                            name: \"rocky mountain red 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rocky mountain red 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rocky mountain red 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bd7166\"\n                    data-id='9301'\n                    x-data='{\n                        paint: {\n                            color: \"#bd7166\",\n                            index: 0,\n                            id: 9301,\n                            name: \"rocky mountain red 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rocky mountain red 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rocky mountain red 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d18a7e\"\n                    data-id='9302'\n                    x-data='{\n                        paint: {\n                            color: \"#d18a7e\",\n                            index: 0,\n                            id: 9302,\n                            name: \"rocky mountain red 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rocky mountain red 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rocky mountain red 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1a49a\"\n                    data-id='9303'\n                    x-data='{\n                        paint: {\n                            color: \"#e1a49a\",\n                            index: 0,\n                            id: 9303,\n                            name: \"rocky mountain red 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rocky mountain red 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rocky mountain red 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecbcb3\"\n                    data-id='9304'\n                    x-data='{\n                        paint: {\n                            color: \"#ecbcb3\",\n                            index: 0,\n                            id: 9304,\n                            name: \"rocky mountain red 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rocky mountain red 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rocky mountain red 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #984e3e\"\n                    data-id='9305'\n                    x-data='{\n                        paint: {\n                            color: \"#984e3e\",\n                            index: 0,\n                            id: 9305,\n                            name: \"terra cotta tone\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'terra cotta tone') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        terra cotta tone\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a35749\"\n                    data-id='9306'\n                    x-data='{\n                        paint: {\n                            color: \"#a35749\",\n                            index: 0,\n                            id: 9306,\n                            name: \"terra cotta tone 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'terra cotta tone 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        terra cotta tone 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b8746b\"\n                    data-id='9307'\n                    x-data='{\n                        paint: {\n                            color: \"#b8746b\",\n                            index: 0,\n                            id: 9307,\n                            name: \"terra cotta tone 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'terra cotta tone 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        terra cotta tone 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cd8e85\"\n                    data-id='9308'\n                    x-data='{\n                        paint: {\n                            color: \"#cd8e85\",\n                            index: 0,\n                            id: 9308,\n                            name: \"terra cotta tone 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'terra cotta tone 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        terra cotta tone 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dea8a0\"\n                    data-id='9309'\n                    x-data='{\n                        paint: {\n                            color: \"#dea8a0\",\n                            index: 0,\n                            id: 9309,\n                            name: \"terra cotta tone 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'terra cotta tone 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        terra cotta tone 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eac0b9\"\n                    data-id='9310'\n                    x-data='{\n                        paint: {\n                            color: \"#eac0b9\",\n                            index: 0,\n                            id: 9310,\n                            name: \"terra cotta tone 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'terra cotta tone 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        terra cotta tone 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #914d40\"\n                    data-id='9311'\n                    x-data='{\n                        paint: {\n                            color: \"#914d40\",\n                            index: 0,\n                            id: 9311,\n                            name: \"bright chestnut\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright chestnut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright chestnut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9c5a4f\"\n                    data-id='9312'\n                    x-data='{\n                        paint: {\n                            color: \"#9c5a4f\",\n                            index: 0,\n                            id: 9312,\n                            name: \"bright chestnut 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright chestnut 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright chestnut 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b37772\"\n                    data-id='9313'\n                    x-data='{\n                        paint: {\n                            color: \"#b37772\",\n                            index: 0,\n                            id: 9313,\n                            name: \"bright chestnut 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright chestnut 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright chestnut 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8928c\"\n                    data-id='9314'\n                    x-data='{\n                        paint: {\n                            color: \"#c8928c\",\n                            index: 0,\n                            id: 9314,\n                            name: \"bright chestnut 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright chestnut 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright chestnut 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #daaca7\"\n                    data-id='9315'\n                    x-data='{\n                        paint: {\n                            color: \"#daaca7\",\n                            index: 0,\n                            id: 9315,\n                            name: \"bright chestnut 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright chestnut 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright chestnut 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6c3be\"\n                    data-id='9316'\n                    x-data='{\n                        paint: {\n                            color: \"#e6c3be\",\n                            index: 0,\n                            id: 9316,\n                            name: \"bright chestnut 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright chestnut 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright chestnut 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8a4f46\"\n                    data-id='9317'\n                    x-data='{\n                        paint: {\n                            color: \"#8a4f46\",\n                            index: 0,\n                            id: 9317,\n                            name: \"red earth\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'red earth') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        red earth\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #965e58\"\n                    data-id='9318'\n                    x-data='{\n                        paint: {\n                            color: \"#965e58\",\n                            index: 0,\n                            id: 9318,\n                            name: \"red earth 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'red earth 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        red earth 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ae7d7b\"\n                    data-id='9319'\n                    x-data='{\n                        paint: {\n                            color: \"#ae7d7b\",\n                            index: 0,\n                            id: 9319,\n                            name: \"red earth 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'red earth 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        red earth 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c39896\"\n                    data-id='9320'\n                    x-data='{\n                        paint: {\n                            color: \"#c39896\",\n                            index: 0,\n                            id: 9320,\n                            name: \"red earth 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'red earth 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        red earth 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6b1af\"\n                    data-id='9321'\n                    x-data='{\n                        paint: {\n                            color: \"#d6b1af\",\n                            index: 0,\n                            id: 9321,\n                            name: \"red earth 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'red earth 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        red earth 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3c7c5\"\n                    data-id='9322'\n                    x-data='{\n                        paint: {\n                            color: \"#e3c7c5\",\n                            index: 0,\n                            id: 9322,\n                            name: \"red earth 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'red earth 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        red earth 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7d4f41\"\n                    data-id='9323'\n                    x-data='{\n                        paint: {\n                            color: \"#7d4f41\",\n                            index: 0,\n                            id: 9323,\n                            name: \"deep hazelnut\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep hazelnut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep hazelnut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8a5c51\"\n                    data-id='9324'\n                    x-data='{\n                        paint: {\n                            color: \"#8a5c51\",\n                            index: 0,\n                            id: 9324,\n                            name: \"deep hazelnut 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep hazelnut 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep hazelnut 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a37b75\"\n                    data-id='9325'\n                    x-data='{\n                        paint: {\n                            color: \"#a37b75\",\n                            index: 0,\n                            id: 9325,\n                            name: \"deep hazelnut 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'ecolith-aussen', 'ecolith-innen', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep hazelnut 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep hazelnut 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bb958f\"\n                    data-id='9326'\n                    x-data='{\n                        paint: {\n                            color: \"#bb958f\",\n                            index: 0,\n                            id: 9326,\n                            name: \"deep hazelnut 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'ecolith-aussen', 'ecolith-innen', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep hazelnut 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep hazelnut 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0b2aa\"\n                    data-id='9327'\n                    x-data='{\n                        paint: {\n                            color: \"#d0b2aa\",\n                            index: 0,\n                            id: 9327,\n                            name: \"deep hazelnut 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'ecolith-aussen', 'ecolith-innen', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep hazelnut 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep hazelnut 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dfc5c0\"\n                    data-id='9328'\n                    x-data='{\n                        paint: {\n                            color: \"#dfc5c0\",\n                            index: 0,\n                            id: 9328,\n                            name: \"deep hazelnut 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep hazelnut 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep hazelnut 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #875655\"\n                    data-id='9329'\n                    x-data='{\n                        paint: {\n                            color: \"#875655\",\n                            index: 0,\n                            id: 9329,\n                            name: \"rosewood\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosewood') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosewood\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #95696b\"\n                    data-id='9330'\n                    x-data='{\n                        paint: {\n                            color: \"#95696b\",\n                            index: 0,\n                            id: 9330,\n                            name: \"rosewood 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosewood 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosewood 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #af8c92\"\n                    data-id='9331'\n                    x-data='{\n                        paint: {\n                            color: \"#af8c92\",\n                            index: 0,\n                            id: 9331,\n                            name: \"rosewood 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosewood 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosewood 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c5a7ac\"\n                    data-id='9332'\n                    x-data='{\n                        paint: {\n                            color: \"#c5a7ac\",\n                            index: 0,\n                            id: 9332,\n                            name: \"rosewood 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosewood 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosewood 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6bfc2\"\n                    data-id='9333'\n                    x-data='{\n                        paint: {\n                            color: \"#d6bfc2\",\n                            index: 0,\n                            id: 9333,\n                            name: \"rosewood 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosewood 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosewood 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3d2d4\"\n                    data-id='9334'\n                    x-data='{\n                        paint: {\n                            color: \"#e3d2d4\",\n                            index: 0,\n                            id: 9334,\n                            name: \"rosewood 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosewood 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosewood 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #906060\"\n                    data-id='9335'\n                    x-data='{\n                        paint: {\n                            color: \"#906060\",\n                            index: 0,\n                            id: 9335,\n                            name: \"wood berry\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wood berry') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wood berry\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a07578\"\n                    data-id='9336'\n                    x-data='{\n                        paint: {\n                            color: \"#a07578\",\n                            index: 0,\n                            id: 9336,\n                            name: \"wood berry 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wood berry 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wood berry 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ba989f\"\n                    data-id='9337'\n                    x-data='{\n                        paint: {\n                            color: \"#ba989f\",\n                            index: 0,\n                            id: 9337,\n                            name: \"wood berry 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wood berry 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wood berry 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cdb1b7\"\n                    data-id='9338'\n                    x-data='{\n                        paint: {\n                            color: \"#cdb1b7\",\n                            index: 0,\n                            id: 9338,\n                            name: \"wood berry 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wood berry 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wood berry 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcc7cb\"\n                    data-id='9339'\n                    x-data='{\n                        paint: {\n                            color: \"#dcc7cb\",\n                            index: 0,\n                            id: 9339,\n                            name: \"wood berry 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wood berry 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wood berry 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7d8da\"\n                    data-id='9340'\n                    x-data='{\n                        paint: {\n                            color: \"#e7d8da\",\n                            index: 0,\n                            id: 9340,\n                            name: \"wood berry 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wood berry 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wood berry 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a27478\"\n                    data-id='9341'\n                    x-data='{\n                        paint: {\n                            color: \"#a27478\",\n                            index: 0,\n                            id: 9341,\n                            name: \"30.6 pompadour\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '30.6 pompadour') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        30.6 pompadour\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1858a\"\n                    data-id='9342'\n                    x-data='{\n                        paint: {\n                            color: \"#b1858a\",\n                            index: 0,\n                            id: 9342,\n                            name: \"30.5 oriente\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '30.5 oriente') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        30.5 oriente\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c97d6f\"\n                    data-id='9343'\n                    x-data='{\n                        paint: {\n                            color: \"#c97d6f\",\n                            index: 0,\n                            id: 9343,\n                            name: \"32.4 pottery red\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '32.4 pottery red') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        32.4 pottery red\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d69083\"\n                    data-id='9344'\n                    x-data='{\n                        paint: {\n                            color: \"#d69083\",\n                            index: 0,\n                            id: 9344,\n                            name: \"32.3 light coral\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '32.3 light coral') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        32.3 light coral\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2a599\"\n                    data-id='9345'\n                    x-data='{\n                        paint: {\n                            color: \"#e2a599\",\n                            index: 0,\n                            id: 9345,\n                            name: \"32.2 bubble gum\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '32.2 bubble gum') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        32.2 bubble gum\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebb7ac\"\n                    data-id='9346'\n                    x-data='{\n                        paint: {\n                            color: \"#ebb7ac\",\n                            index: 0,\n                            id: 9346,\n                            name: \"32.1 candy\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '32.1 candy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        32.1 candy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c17567\"\n                    data-id='9347'\n                    x-data='{\n                        paint: {\n                            color: \"#c17567\",\n                            index: 0,\n                            id: 9347,\n                            name: \"32.5 mars\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '32.5 mars') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        32.5 mars\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9b3a8\"\n                    data-id='9348'\n                    x-data='{\n                        paint: {\n                            color: \"#d9b3a8\",\n                            index: 0,\n                            id: 9348,\n                            name: \"589 romantic rose\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '589 romantic rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        589 romantic rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcb3aa\"\n                    data-id='9349'\n                    x-data='{\n                        paint: {\n                            color: \"#dcb3aa\",\n                            index: 0,\n                            id: 9349,\n                            name: \"583 light pink\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '583 light pink') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        583 light pink\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c28d84\"\n                    data-id='9350'\n                    x-data='{\n                        paint: {\n                            color: \"#c28d84\",\n                            index: 0,\n                            id: 9350,\n                            name: \"645 celina\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '645 celina') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        645 celina\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d58f77\"\n                    data-id='9351'\n                    x-data='{\n                        paint: {\n                            color: \"#d58f77\",\n                            index: 0,\n                            id: 9351,\n                            name: \"234 salmon\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '234 salmon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        234 salmon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d58f7c\"\n                    data-id='9352'\n                    x-data='{\n                        paint: {\n                            color: \"#d58f7c\",\n                            index: 0,\n                            id: 9352,\n                            name: \"192 greater flamingo\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '192 greater flamingo') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        192 greater flamingo\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9d675e\"\n                    data-id='9353'\n                    x-data='{\n                        paint: {\n                            color: \"#9d675e\",\n                            index: 0,\n                            id: 9353,\n                            name: \"707 havana\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '707 havana') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        707 havana\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b87c6e\"\n                    data-id='9354'\n                    x-data='{\n                        paint: {\n                            color: \"#b87c6e\",\n                            index: 0,\n                            id: 9354,\n                            name: \"681 navajo\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '681 navajo') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        681 navajo\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c47d6f\"\n                    data-id='9355'\n                    x-data='{\n                        paint: {\n                            color: \"#c47d6f\",\n                            index: 0,\n                            id: 9355,\n                            name: \"679 cherokee\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '679 cherokee') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        679 cherokee\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cf8f83\"\n                    data-id='9356'\n                    x-data='{\n                        paint: {\n                            color: \"#cf8f83\",\n                            index: 0,\n                            id: 9356,\n                            name: \"643 grape jam\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '643 grape jam') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        643 grape jam\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2644e\"\n                    data-id='9357'\n                    x-data='{\n                        paint: {\n                            color: \"#b2644e\",\n                            index: 0,\n                            id: 9357,\n                            name: \"504 indian red\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '504 indian red') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        504 indian red\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bc6e59\"\n                    data-id='9358'\n                    x-data='{\n                        paint: {\n                            color: \"#bc6e59\",\n                            index: 0,\n                            id: 9358,\n                            name: \"278 coral\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '278 coral') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        278 coral\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b18479\"\n                    data-id='9359'\n                    x-data='{\n                        paint: {\n                            color: \"#b18479\",\n                            index: 0,\n                            id: 9359,\n                            name: \"663 bud\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '663 bud') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        663 bud\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bc8d7f\"\n                    data-id='9360'\n                    x-data='{\n                        paint: {\n                            color: \"#bc8d7f\",\n                            index: 0,\n                            id: 9360,\n                            name: \"651 dixie\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '651 dixie') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        651 dixie\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b56b4a\"\n                    data-id='9361'\n                    x-data='{\n                        paint: {\n                            color: \"#b56b4a\",\n                            index: 0,\n                            id: 9361,\n                            name: \"1013 inca\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '1013 inca') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        1013 inca\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a0573f\"\n                    data-id='9362'\n                    x-data='{\n                        paint: {\n                            color: \"#a0573f\",\n                            index: 0,\n                            id: 9362,\n                            name: \"1011 bourgogne\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '1011 bourgogne') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        1011 bourgogne\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7e5249\"\n                    data-id='9363'\n                    x-data='{\n                        paint: {\n                            color: \"#7e5249\",\n                            index: 0,\n                            id: 9363,\n                            name: \"1000 red wine\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '1000 red wine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        1000 red wine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7b5ad\"\n                    data-id='9364'\n                    x-data='{\n                        paint: {\n                            color: \"#e7b5ad\",\n                            index: 0,\n                            id: 9364,\n                            name: \"K35.4 princess\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.4 princess') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.4 princess\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eec6bf\"\n                    data-id='9365'\n                    x-data='{\n                        paint: {\n                            color: \"#eec6bf\",\n                            index: 0,\n                            id: 9365,\n                            name: \"K35.3 rose\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.3 rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.3 rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2d2cd\"\n                    data-id='9366'\n                    x-data='{\n                        paint: {\n                            color: \"#f2d2cd\",\n                            index: 0,\n                            id: 9366,\n                            name: \"K35.2 sorbet\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.2 sorbet') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.2 sorbet\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dfb1a7\"\n                    data-id='9367'\n                    x-data='{\n                        paint: {\n                            color: \"#dfb1a7\",\n                            index: 0,\n                            id: 9367,\n                            name: \"K679 flamingo\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K679 flamingo') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K679 flamingo\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5ddd9\"\n                    data-id='9368'\n                    x-data='{\n                        paint: {\n                            color: \"#f5ddd9\",\n                            index: 0,\n                            id: 9368,\n                            name: \"K35.1 cindy\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.1 cindy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.1 cindy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0887c\"\n                    data-id='9369'\n                    x-data='{\n                        paint: {\n                            color: \"#d0887c\",\n                            index: 0,\n                            id: 9369,\n                            name: \"K35.7 berry\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.7 berry') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.7 berry\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #da9b91\"\n                    data-id='9370'\n                    x-data='{\n                        paint: {\n                            color: \"#da9b91\",\n                            index: 0,\n                            id: 9370,\n                            name: \"K35.6 strawberry cream\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.6 strawberry cream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.6 strawberry cream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2aba3\"\n                    data-id='9371'\n                    x-data='{\n                        paint: {\n                            color: \"#e2aba3\",\n                            index: 0,\n                            id: 9371,\n                            name: \"K35.5 pink panther\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K35.5 pink panther') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K35.5 pink panther\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7b096\"\n                    data-id='53075'\n                    x-data='{\n                        paint: {\n                            color: \"#e7b096\",\n                            index: 0,\n                            id: 53075,\n                            name: \"190 light salmon\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '190 light salmon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        190 light salmon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1b7b5\"\n                    data-id='17829'\n                    x-data='{\n                        paint: {\n                            color: \"#e1b7b5\",\n                            index: 0,\n                            id: 17829,\n                            name: \"blossom pink 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blossom pink 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blossom pink 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eccdcb\"\n                    data-id='17830'\n                    x-data='{\n                        paint: {\n                            color: \"#eccdcb\",\n                            index: 0,\n                            id: 17830,\n                            name: \"blossom pink 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blossom pink 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blossom pink 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1dbd9\"\n                    data-id='17831'\n                    x-data='{\n                        paint: {\n                            color: \"#f1dbd9\",\n                            index: 0,\n                            id: 17831,\n                            name: \"blossom pink 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blossom pink 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blossom pink 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4e5e3\"\n                    data-id='17832'\n                    x-data='{\n                        paint: {\n                            color: \"#f4e5e3\",\n                            index: 0,\n                            id: 17832,\n                            name: \"blossom pink 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blossom pink 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blossom pink 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #983b12\"\n                    data-id='18508'\n                    x-data='{\n                        paint: {\n                            color: \"#983b12\",\n                            index: 0,\n                            id: 18508,\n                            name: \"valentine\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['holzlasur', ], 'valentine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        valentine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #884220\"\n                    data-id='18509'\n                    x-data='{\n                        paint: {\n                            color: \"#884220\",\n                            index: 0,\n                            id: 18509,\n                            name: \"mahogany\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['holzlasur', ], 'mahogany') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mahogany\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #83381e\"\n                    data-id='18510'\n                    x-data='{\n                        paint: {\n                            color: \"#83381e\",\n                            index: 0,\n                            id: 18510,\n                            name: \"wine\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['holzlasur', ], 'wine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d46d28\"\n                    data-id='54156'\n                    x-data='{\n                        paint: {\n                            color: \"#d46d28\",\n                            index: 0,\n                            id: 54156,\n                            name: \"lava\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['holzlasur', ], 'lava') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lava\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cf9998\"\n                    data-id='17827'\n                    x-data='{\n                        paint: {\n                            color: \"#cf9998\",\n                            index: 0,\n                            id: 17827,\n                            name: \"blossom pink\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blossom pink') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blossom pink\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6a5a4\"\n                    data-id='17828'\n                    x-data='{\n                        paint: {\n                            color: \"#d6a5a4\",\n                            index: 0,\n                            id: 17828,\n                            name: \"blossom pink 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('rottoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blossom pink 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blossom pink 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #feb741\"\n                    data-id='9372'\n                    x-data='{\n                        paint: {\n                            color: \"#feb741\",\n                            index: 1,\n                            id: 9372,\n                            name: \"dahlia yellow\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dahlia yellow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dahlia yellow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fec055\"\n                    data-id='9373'\n                    x-data='{\n                        paint: {\n                            color: \"#fec055\",\n                            index: 1,\n                            id: 9373,\n                            name: \"dahlia yellow 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dahlia yellow 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dahlia yellow 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fed27d\"\n                    data-id='9374'\n                    x-data='{\n                        paint: {\n                            color: \"#fed27d\",\n                            index: 1,\n                            id: 9374,\n                            name: \"dahlia yellow 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dahlia yellow 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dahlia yellow 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fedf99\"\n                    data-id='9375'\n                    x-data='{\n                        paint: {\n                            color: \"#fedf99\",\n                            index: 1,\n                            id: 9375,\n                            name: \"dahlia yellow 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dahlia yellow 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dahlia yellow 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fee9b4\"\n                    data-id='9376'\n                    x-data='{\n                        paint: {\n                            color: \"#fee9b4\",\n                            index: 1,\n                            id: 9376,\n                            name: \"dahlia yellow 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dahlia yellow 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dahlia yellow 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fcf0c9\"\n                    data-id='9377'\n                    x-data='{\n                        paint: {\n                            color: \"#fcf0c9\",\n                            index: 1,\n                            id: 9377,\n                            name: \"dahlia yellow 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dahlia yellow 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dahlia yellow 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9a83a\"\n                    data-id='9378'\n                    x-data='{\n                        paint: {\n                            color: \"#e9a83a\",\n                            index: 1,\n                            id: 9378,\n                            name: \"sundown\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sundown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sundown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eeb24b\"\n                    data-id='9379'\n                    x-data='{\n                        paint: {\n                            color: \"#eeb24b\",\n                            index: 1,\n                            id: 9379,\n                            name: \"sundown 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sundown 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sundown 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5c571\"\n                    data-id='9380'\n                    x-data='{\n                        paint: {\n                            color: \"#f5c571\",\n                            index: 1,\n                            id: 9380,\n                            name: \"sundown 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sundown 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sundown 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9d48e\"\n                    data-id='9381'\n                    x-data='{\n                        paint: {\n                            color: \"#f9d48e\",\n                            index: 1,\n                            id: 9381,\n                            name: \"sundown 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sundown 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sundown 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbe1a9\"\n                    data-id='9382'\n                    x-data='{\n                        paint: {\n                            color: \"#fbe1a9\",\n                            index: 1,\n                            id: 9382,\n                            name: \"sundown 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sundown 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sundown 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fcebc1\"\n                    data-id='9383'\n                    x-data='{\n                        paint: {\n                            color: \"#fcebc1\",\n                            index: 1,\n                            id: 9383,\n                            name: \"sundown 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sundown 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sundown 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e29a3b\"\n                    data-id='9384'\n                    x-data='{\n                        paint: {\n                            color: \"#e29a3b\",\n                            index: 1,\n                            id: 9384,\n                            name: \"bitter orange\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bitter orange') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bitter orange\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9a64d\"\n                    data-id='9385'\n                    x-data='{\n                        paint: {\n                            color: \"#e9a64d\",\n                            index: 1,\n                            id: 9385,\n                            name: \"bitter orange 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bitter orange 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bitter orange 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1bb71\"\n                    data-id='9386'\n                    x-data='{\n                        paint: {\n                            color: \"#f1bb71\",\n                            index: 1,\n                            id: 9386,\n                            name: \"bitter orange 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bitter orange 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bitter orange 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8cd8e\"\n                    data-id='9387'\n                    x-data='{\n                        paint: {\n                            color: \"#f8cd8e\",\n                            index: 1,\n                            id: 9387,\n                            name: \"bitter orange 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'ecolith-aussen', 'ecolith-innen', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bitter orange 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bitter orange 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbdba9\"\n                    data-id='9388'\n                    x-data='{\n                        paint: {\n                            color: \"#fbdba9\",\n                            index: 1,\n                            id: 9388,\n                            name: \"bitter orange 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'ecolith-aussen', 'ecolith-innen', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bitter orange 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bitter orange 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fce6c1\"\n                    data-id='9389'\n                    x-data='{\n                        paint: {\n                            color: \"#fce6c1\",\n                            index: 1,\n                            id: 9389,\n                            name: \"bitter orange 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'ecolith-aussen', 'ecolith-innen', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bitter orange 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bitter orange 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #db933e\"\n                    data-id='9390'\n                    x-data='{\n                        paint: {\n                            color: \"#db933e\",\n                            index: 1,\n                            id: 9390,\n                            name: \"bright mandarine\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright mandarine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright mandarine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3a04f\"\n                    data-id='9391'\n                    x-data='{\n                        paint: {\n                            color: \"#e3a04f\",\n                            index: 1,\n                            id: 9391,\n                            name: \"bright mandarine 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright mandarine 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright mandarine 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eeb774\"\n                    data-id='9392'\n                    x-data='{\n                        paint: {\n                            color: \"#eeb774\",\n                            index: 1,\n                            id: 9392,\n                            name: \"bright mandarine 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright mandarine 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright mandarine 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5c990\"\n                    data-id='9393'\n                    x-data='{\n                        paint: {\n                            color: \"#f5c990\",\n                            index: 1,\n                            id: 9393,\n                            name: \"bright mandarine 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright mandarine 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright mandarine 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fad8ab\"\n                    data-id='9394'\n                    x-data='{\n                        paint: {\n                            color: \"#fad8ab\",\n                            index: 1,\n                            id: 9394,\n                            name: \"bright mandarine 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright mandarine 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright mandarine 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fce4c3\"\n                    data-id='9395'\n                    x-data='{\n                        paint: {\n                            color: \"#fce4c3\",\n                            index: 1,\n                            id: 9395,\n                            name: \"bright mandarine 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright mandarine 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright mandarine 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #db8f3b\"\n                    data-id='9396'\n                    x-data='{\n                        paint: {\n                            color: \"#db8f3b\",\n                            index: 1,\n                            id: 9396,\n                            name: \"sunset yellow\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sunset yellow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sunset yellow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e49c4c\"\n                    data-id='9397'\n                    x-data='{\n                        paint: {\n                            color: \"#e49c4c\",\n                            index: 1,\n                            id: 9397,\n                            name: \"sunset yellow 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sunset yellow 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sunset yellow 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efb473\"\n                    data-id='9398'\n                    x-data='{\n                        paint: {\n                            color: \"#efb473\",\n                            index: 1,\n                            id: 9398,\n                            name: \"sunset yellow 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sunset yellow 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sunset yellow 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f6c68f\"\n                    data-id='9399'\n                    x-data='{\n                        paint: {\n                            color: \"#f6c68f\",\n                            index: 1,\n                            id: 9399,\n                            name: \"sunset yellow 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sunset yellow 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sunset yellow 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fad6aa\"\n                    data-id='9400'\n                    x-data='{\n                        paint: {\n                            color: \"#fad6aa\",\n                            index: 1,\n                            id: 9400,\n                            name: \"sunset yellow 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sunset yellow 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sunset yellow 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fce3c2\"\n                    data-id='9401'\n                    x-data='{\n                        paint: {\n                            color: \"#fce3c2\",\n                            index: 1,\n                            id: 9401,\n                            name: \"sunset yellow 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sunset yellow 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sunset yellow 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fea844\"\n                    data-id='9402'\n                    x-data='{\n                        paint: {\n                            color: \"#fea844\",\n                            index: 1,\n                            id: 9402,\n                            name: \"pure melon\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure melon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure melon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #feb55c\"\n                    data-id='9403'\n                    x-data='{\n                        paint: {\n                            color: \"#feb55c\",\n                            index: 1,\n                            id: 9403,\n                            name: \"pure melon 05\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure melon 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure melon 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fec986\"\n                    data-id='9404'\n                    x-data='{\n                        paint: {\n                            color: \"#fec986\",\n                            index: 1,\n                            id: 9404,\n                            name: \"pure melon 10\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure melon 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure melon 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fed8a2\"\n                    data-id='9405'\n                    x-data='{\n                        paint: {\n                            color: \"#fed8a2\",\n                            index: 1,\n                            id: 9405,\n                            name: \"pure melon 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure melon 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure melon 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fee4bb\"\n                    data-id='9406'\n                    x-data='{\n                        paint: {\n                            color: \"#fee4bb\",\n                            index: 1,\n                            id: 9406,\n                            name: \"pure melon 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure melon 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure melon 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fdedcf\"\n                    data-id='9407'\n                    x-data='{\n                        paint: {\n                            color: \"#fdedcf\",\n                            index: 1,\n                            id: 9407,\n                            name: \"pure melon 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure melon 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure melon 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fe994a\"\n                    data-id='9408'\n                    x-data='{\n                        paint: {\n                            color: \"#fe994a\",\n                            index: 1,\n                            id: 9408,\n                            name: \"pure papaya\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure papaya') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure papaya\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fea967\"\n                    data-id='9409'\n                    x-data='{\n                        paint: {\n                            color: \"#fea967\",\n                            index: 1,\n                            id: 9409,\n                            name: \"pure papaya 05\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure papaya 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure papaya 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fec193\"\n                    data-id='9410'\n                    x-data='{\n                        paint: {\n                            color: \"#fec193\",\n                            index: 1,\n                            id: 9410,\n                            name: \"pure papaya 10\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure papaya 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure papaya 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fed2ae\"\n                    data-id='9411'\n                    x-data='{\n                        paint: {\n                            color: \"#fed2ae\",\n                            index: 1,\n                            id: 9411,\n                            name: \"pure papaya 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure papaya 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure papaya 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fee0c5\"\n                    data-id='9412'\n                    x-data='{\n                        paint: {\n                            color: \"#fee0c5\",\n                            index: 1,\n                            id: 9412,\n                            name: \"pure papaya 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure papaya 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure papaya 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fee9d6\"\n                    data-id='9413'\n                    x-data='{\n                        paint: {\n                            color: \"#fee9d6\",\n                            index: 1,\n                            id: 9413,\n                            name: \"pure papaya 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure papaya 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure papaya 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e79441\"\n                    data-id='9414'\n                    x-data='{\n                        paint: {\n                            color: \"#e79441\",\n                            index: 1,\n                            id: 9414,\n                            name: \"pure mango\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure mango') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure mango\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eea256\"\n                    data-id='9415'\n                    x-data='{\n                        paint: {\n                            color: \"#eea256\",\n                            index: 1,\n                            id: 9415,\n                            name: \"pure mango 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure mango 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure mango 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f6b97e\"\n                    data-id='9416'\n                    x-data='{\n                        paint: {\n                            color: \"#f6b97e\",\n                            index: 1,\n                            id: 9416,\n                            name: \"pure mango 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure mango 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure mango 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbcb9a\"\n                    data-id='9417'\n                    x-data='{\n                        paint: {\n                            color: \"#fbcb9a\",\n                            index: 1,\n                            id: 9417,\n                            name: \"pure mango 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure mango 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure mango 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fddbb5\"\n                    data-id='9418'\n                    x-data='{\n                        paint: {\n                            color: \"#fddbb5\",\n                            index: 1,\n                            id: 9418,\n                            name: \"pure mango 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure mango 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure mango 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fde6ca\"\n                    data-id='9419'\n                    x-data='{\n                        paint: {\n                            color: \"#fde6ca\",\n                            index: 1,\n                            id: 9419,\n                            name: \"pure mango 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pure mango 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pure mango 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c67a44\"\n                    data-id='9420'\n                    x-data='{\n                        paint: {\n                            color: \"#c67a44\",\n                            index: 1,\n                            id: 9420,\n                            name: \"dark mandarine\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark mandarine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark mandarine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ce8550\"\n                    data-id='9421'\n                    x-data='{\n                        paint: {\n                            color: \"#ce8550\",\n                            index: 1,\n                            id: 9421,\n                            name: \"dark mandarine 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark mandarine 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark mandarine 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #db9f71\"\n                    data-id='9422'\n                    x-data='{\n                        paint: {\n                            color: \"#db9f71\",\n                            index: 1,\n                            id: 9422,\n                            name: \"dark mandarine 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark mandarine 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark mandarine 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7b48a\"\n                    data-id='9423'\n                    x-data='{\n                        paint: {\n                            color: \"#e7b48a\",\n                            index: 1,\n                            id: 9423,\n                            name: \"dark mandarine 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark mandarine 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark mandarine 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f0c9a5\"\n                    data-id='9424'\n                    x-data='{\n                        paint: {\n                            color: \"#f0c9a5\",\n                            index: 1,\n                            id: 9424,\n                            name: \"dark mandarine 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark mandarine 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark mandarine 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5dabd\"\n                    data-id='9425'\n                    x-data='{\n                        paint: {\n                            color: \"#f5dabd\",\n                            index: 1,\n                            id: 9425,\n                            name: \"dark mandarine 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark mandarine 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark mandarine 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5af8b\"\n                    data-id='9426'\n                    x-data='{\n                        paint: {\n                            color: \"#e5af8b\",\n                            index: 1,\n                            id: 9426,\n                            name: \"232 mandarin\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '232 mandarin') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        232 mandarin\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b57043\"\n                    data-id='9427'\n                    x-data='{\n                        paint: {\n                            color: \"#b57043\",\n                            index: 1,\n                            id: 9427,\n                            name: \"500 rough rust\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '500 rough rust') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        500 rough rust\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ca8558\"\n                    data-id='9428'\n                    x-data='{\n                        paint: {\n                            color: \"#ca8558\",\n                            index: 1,\n                            id: 9428,\n                            name: \"501 calendula\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '501 calendula') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        501 calendula\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #da9659\"\n                    data-id='9429'\n                    x-data='{\n                        paint: {\n                            color: \"#da9659\",\n                            index: 1,\n                            id: 9429,\n                            name: \"K500 papaya\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K500 papaya') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K500 papaya\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9b682\"\n                    data-id='9430'\n                    x-data='{\n                        paint: {\n                            color: \"#e9b682\",\n                            index: 1,\n                            id: 9430,\n                            name: \"K501 curry\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K501 curry') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K501 curry\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efc2a8\"\n                    data-id='9431'\n                    x-data='{\n                        paint: {\n                            color: \"#efc2a8\",\n                            index: 1,\n                            id: 9431,\n                            name: \"K234 tonno\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K234 tonno') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K234 tonno\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5d5b6\"\n                    data-id='9432'\n                    x-data='{\n                        paint: {\n                            color: \"#f5d5b6\",\n                            index: 1,\n                            id: 9432,\n                            name: \"K232 playa\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K232 playa') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K232 playa\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d79174\"\n                    data-id='9433'\n                    x-data='{\n                        paint: {\n                            color: \"#d79174\",\n                            index: 1,\n                            id: 9433,\n                            name: \"K504 clay\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K504 clay') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K504 clay\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1a187\"\n                    data-id='9434'\n                    x-data='{\n                        paint: {\n                            color: \"#e1a187\",\n                            index: 1,\n                            id: 9434,\n                            name: \"K278 california\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K278 california') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K278 california\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dc9b6e\"\n                    data-id='9435'\n                    x-data='{\n                        paint: {\n                            color: \"#dc9b6e\",\n                            index: 1,\n                            id: 9435,\n                            name: \"K1013 sahara\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K1013 sahara') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K1013 sahara\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c87650\"\n                    data-id='9436'\n                    x-data='{\n                        paint: {\n                            color: \"#c87650\",\n                            index: 1,\n                            id: 9436,\n                            name: \"K1011 passion\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K1011 passion') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K1011 passion\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6911d\"\n                    data-id='18499'\n                    x-data='{\n                        paint: {\n                            color: \"#d6911d\",\n                            index: 1,\n                            id: 18499,\n                            name: \"pumpkin\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['holzlasur', ], 'pumpkin') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pumpkin\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eeaa63\"\n                    data-id='18504'\n                    x-data='{\n                        paint: {\n                            color: \"#eeaa63\",\n                            index: 1,\n                            id: 18504,\n                            name: \"melon ice\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['holzlasur', ], 'melon ice') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        melon ice\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fea235\"\n                    data-id='18505'\n                    x-data='{\n                        paint: {\n                            color: \"#fea235\",\n                            index: 1,\n                            id: 18505,\n                            name: \"carrot\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['holzlasur', ], 'carrot') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        carrot\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #da7c29\"\n                    data-id='18506'\n                    x-data='{\n                        paint: {\n                            color: \"#da7c29\",\n                            index: 1,\n                            id: 18506,\n                            name: \"goldfish\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('orangetoene', ['holzlasur', ], 'goldfish') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        goldfish\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faed39\"\n                    data-id='9437'\n                    x-data='{\n                        paint: {\n                            color: \"#faed39\",\n                            index: 2,\n                            id: 9437,\n                            name: \"brilliant yellow\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'brilliant yellow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brilliant yellow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf04a\"\n                    data-id='9438'\n                    x-data='{\n                        paint: {\n                            color: \"#faf04a\",\n                            index: 2,\n                            id: 9438,\n                            name: \"brilliant yellow 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'brilliant yellow 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brilliant yellow 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf470\"\n                    data-id='9439'\n                    x-data='{\n                        paint: {\n                            color: \"#faf470\",\n                            index: 2,\n                            id: 9439,\n                            name: \"brilliant yellow 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'brilliant yellow 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brilliant yellow 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9f78d\"\n                    data-id='9440'\n                    x-data='{\n                        paint: {\n                            color: \"#f9f78d\",\n                            index: 2,\n                            id: 9440,\n                            name: \"brilliant yellow 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'brilliant yellow 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brilliant yellow 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f9a9\"\n                    data-id='9441'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f9a9\",\n                            index: 2,\n                            id: 9441,\n                            name: \"brilliant yellow 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'brilliant yellow 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brilliant yellow 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f9c1\"\n                    data-id='9442'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f9c1\",\n                            index: 2,\n                            id: 9442,\n                            name: \"brilliant yellow 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'brilliant yellow 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brilliant yellow 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efc93c\"\n                    data-id='9443'\n                    x-data='{\n                        paint: {\n                            color: \"#efc93c\",\n                            index: 2,\n                            id: 9443,\n                            name: \"sun-kissed\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sun-kissed') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sun-kissed\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2d04d\"\n                    data-id='9444'\n                    x-data='{\n                        paint: {\n                            color: \"#f2d04d\",\n                            index: 2,\n                            id: 9444,\n                            name: \"sun-kissed 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sun-kissed 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sun-kissed 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f6dc73\"\n                    data-id='9445'\n                    x-data='{\n                        paint: {\n                            color: \"#f6dc73\",\n                            index: 2,\n                            id: 9445,\n                            name: \"sun-kissed 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sun-kissed 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sun-kissed 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9e68f\"\n                    data-id='9446'\n                    x-data='{\n                        paint: {\n                            color: \"#f9e68f\",\n                            index: 2,\n                            id: 9446,\n                            name: \"sun-kissed 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sun-kissed 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sun-kissed 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faeeab\"\n                    data-id='9447'\n                    x-data='{\n                        paint: {\n                            color: \"#faeeab\",\n                            index: 2,\n                            id: 9447,\n                            name: \"sun-kissed 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sun-kissed 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sun-kissed 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf3c2\"\n                    data-id='9448'\n                    x-data='{\n                        paint: {\n                            color: \"#faf3c2\",\n                            index: 2,\n                            id: 9448,\n                            name: \"sun-kissed 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sun-kissed 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sun-kissed 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8b93f\"\n                    data-id='9449'\n                    x-data='{\n                        paint: {\n                            color: \"#e8b93f\",\n                            index: 2,\n                            id: 9449,\n                            name: \"wild mustard\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wild mustard') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wild mustard\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecc24f\"\n                    data-id='9450'\n                    x-data='{\n                        paint: {\n                            color: \"#ecc24f\",\n                            index: 2,\n                            id: 9450,\n                            name: \"wild mustard 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wild mustard 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wild mustard 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3d276\"\n                    data-id='9451'\n                    x-data='{\n                        paint: {\n                            color: \"#f3d276\",\n                            index: 2,\n                            id: 9451,\n                            name: \"wild mustard 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wild mustard 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wild mustard 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f7de91\"\n                    data-id='9452'\n                    x-data='{\n                        paint: {\n                            color: \"#f7de91\",\n                            index: 2,\n                            id: 9452,\n                            name: \"wild mustard 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wild mustard 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wild mustard 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae8ac\"\n                    data-id='9453'\n                    x-data='{\n                        paint: {\n                            color: \"#fae8ac\",\n                            index: 2,\n                            id: 9453,\n                            name: \"wild mustard 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wild mustard 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wild mustard 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faefc3\"\n                    data-id='9454'\n                    x-data='{\n                        paint: {\n                            color: \"#faefc3\",\n                            index: 2,\n                            id: 9454,\n                            name: \"wild mustard 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wild mustard 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wild mustard 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fec93e\"\n                    data-id='9455'\n                    x-data='{\n                        paint: {\n                            color: \"#fec93e\",\n                            index: 2,\n                            id: 9455,\n                            name: \"golden honey\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'golden honey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        golden honey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fed052\"\n                    data-id='9456'\n                    x-data='{\n                        paint: {\n                            color: \"#fed052\",\n                            index: 2,\n                            id: 9456,\n                            name: \"golden honey 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'golden honey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        golden honey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fedd77\"\n                    data-id='9457'\n                    x-data='{\n                        paint: {\n                            color: \"#fedd77\",\n                            index: 2,\n                            id: 9457,\n                            name: \"golden honey 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'golden honey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        golden honey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fee793\"\n                    data-id='9458'\n                    x-data='{\n                        paint: {\n                            color: \"#fee793\",\n                            index: 2,\n                            id: 9458,\n                            name: \"golden honey 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'golden honey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        golden honey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fcefae\"\n                    data-id='9459'\n                    x-data='{\n                        paint: {\n                            color: \"#fcefae\",\n                            index: 2,\n                            id: 9459,\n                            name: \"golden honey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'golden honey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        golden honey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf4c5\"\n                    data-id='9460'\n                    x-data='{\n                        paint: {\n                            color: \"#faf4c5\",\n                            index: 2,\n                            id: 9460,\n                            name: \"golden honey 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'golden honey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        golden honey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2bb3a\"\n                    data-id='9461'\n                    x-data='{\n                        paint: {\n                            color: \"#f2bb3a\",\n                            index: 2,\n                            id: 9461,\n                            name: \"mango fresh\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mango fresh') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mango fresh\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5c34b\"\n                    data-id='9462'\n                    x-data='{\n                        paint: {\n                            color: \"#f5c34b\",\n                            index: 2,\n                            id: 9462,\n                            name: \"mango fresh 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mango fresh 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mango fresh 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8d371\"\n                    data-id='9463'\n                    x-data='{\n                        paint: {\n                            color: \"#f8d371\",\n                            index: 2,\n                            id: 9463,\n                            name: \"mango fresh 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mango fresh 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mango fresh 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fadf8d\"\n                    data-id='9464'\n                    x-data='{\n                        paint: {\n                            color: \"#fadf8d\",\n                            index: 2,\n                            id: 9464,\n                            name: \"mango fresh 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mango fresh 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mango fresh 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbe9a9\"\n                    data-id='9465'\n                    x-data='{\n                        paint: {\n                            color: \"#fbe9a9\",\n                            index: 2,\n                            id: 9465,\n                            name: \"mango fresh 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mango fresh 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mango fresh 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbf0c1\"\n                    data-id='9466'\n                    x-data='{\n                        paint: {\n                            color: \"#fbf0c1\",\n                            index: 2,\n                            id: 9466,\n                            name: \"mango fresh 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mango fresh 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mango fresh 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1ae43\"\n                    data-id='9467'\n                    x-data='{\n                        paint: {\n                            color: \"#e1ae43\",\n                            index: 2,\n                            id: 9467,\n                            name: \"hot mustard\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hot mustard') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hot mustard\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7b853\"\n                    data-id='9468'\n                    x-data='{\n                        paint: {\n                            color: \"#e7b853\",\n                            index: 2,\n                            id: 9468,\n                            name: \"hot mustard 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hot mustard 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hot mustard 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efc978\"\n                    data-id='9469'\n                    x-data='{\n                        paint: {\n                            color: \"#efc978\",\n                            index: 2,\n                            id: 9469,\n                            name: \"hot mustard 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hot mustard 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hot mustard 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5d794\"\n                    data-id='9470'\n                    x-data='{\n                        paint: {\n                            color: \"#f5d794\",\n                            index: 2,\n                            id: 9470,\n                            name: \"hot mustard 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hot mustard 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hot mustard 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9e3ae\"\n                    data-id='9471'\n                    x-data='{\n                        paint: {\n                            color: \"#f9e3ae\",\n                            index: 2,\n                            id: 9471,\n                            name: \"hot mustard 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hot mustard 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hot mustard 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faecc5\"\n                    data-id='9472'\n                    x-data='{\n                        paint: {\n                            color: \"#faecc5\",\n                            index: 2,\n                            id: 9472,\n                            name: \"hot mustard 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hot mustard 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hot mustard 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dba448\"\n                    data-id='9473'\n                    x-data='{\n                        paint: {\n                            color: \"#dba448\",\n                            index: 2,\n                            id: 9473,\n                            name: \"yellow gold\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow gold') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow gold\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2af58\"\n                    data-id='9474'\n                    x-data='{\n                        paint: {\n                            color: \"#e2af58\",\n                            index: 2,\n                            id: 9474,\n                            name: \"yellow gold 05\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow gold 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow gold 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edc37c\"\n                    data-id='9475'\n                    x-data='{\n                        paint: {\n                            color: \"#edc37c\",\n                            index: 2,\n                            id: 9475,\n                            name: \"yellow gold 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow gold 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow gold 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4d297\"\n                    data-id='9476'\n                    x-data='{\n                        paint: {\n                            color: \"#f4d297\",\n                            index: 2,\n                            id: 9476,\n                            name: \"yellow gold 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow gold 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow gold 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8dfb1\"\n                    data-id='9477'\n                    x-data='{\n                        paint: {\n                            color: \"#f8dfb1\",\n                            index: 2,\n                            id: 9477,\n                            name: \"yellow gold 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow gold 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow gold 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae9c7\"\n                    data-id='9478'\n                    x-data='{\n                        paint: {\n                            color: \"#fae9c7\",\n                            index: 2,\n                            id: 9478,\n                            name: \"yellow gold 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow gold 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow gold 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3d29d\"\n                    data-id='9479'\n                    x-data='{\n                        paint: {\n                            color: \"#f3d29d\",\n                            index: 2,\n                            id: 9479,\n                            name: \"10.4 oro\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.4 oro') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.4 oro\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9ddb1\"\n                    data-id='9480'\n                    x-data='{\n                        paint: {\n                            color: \"#f9ddb1\",\n                            index: 2,\n                            id: 9480,\n                            name: \"10.3 almond\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.3 almond') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.3 almond\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae5c1\"\n                    data-id='9481'\n                    x-data='{\n                        paint: {\n                            color: \"#fae5c1\",\n                            index: 2,\n                            id: 9481,\n                            name: \"10.2 straw\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.2 straw') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.2 straw\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbecd1\"\n                    data-id='9482'\n                    x-data='{\n                        paint: {\n                            color: \"#fbecd1\",\n                            index: 2,\n                            id: 9482,\n                            name: \"10.1 corn\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.1 corn') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.1 corn\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6b66d\"\n                    data-id='9483'\n                    x-data='{\n                        paint: {\n                            color: \"#e6b66d\",\n                            index: 2,\n                            id: 9483,\n                            name: \"10.7 maize\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.7 maize') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.7 maize\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edc280\"\n                    data-id='9484'\n                    x-data='{\n                        paint: {\n                            color: \"#edc280\",\n                            index: 2,\n                            id: 9484,\n                            name: \"10.6 honey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.6 honey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.6 honey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1cb8f\"\n                    data-id='9485'\n                    x-data='{\n                        paint: {\n                            color: \"#f1cb8f\",\n                            index: 2,\n                            id: 9485,\n                            name: \"10.5 pineapple\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '10.5 pineapple') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        10.5 pineapple\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1c898\"\n                    data-id='9486'\n                    x-data='{\n                        paint: {\n                            color: \"#e1c898\",\n                            index: 2,\n                            id: 9486,\n                            name: \"238 wild parsnip\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '238 wild parsnip') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        238 wild parsnip\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9e0b6\"\n                    data-id='9487'\n                    x-data='{\n                        paint: {\n                            color: \"#f9e0b6\",\n                            index: 2,\n                            id: 9487,\n                            name: \"K05.4 vanilla\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.4 vanilla') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.4 vanilla\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae6c5\"\n                    data-id='9488'\n                    x-data='{\n                        paint: {\n                            color: \"#fae6c5\",\n                            index: 2,\n                            id: 9488,\n                            name: \"K05.3 naturelle\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.3 naturelle') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.3 naturelle\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fcedd5\"\n                    data-id='9489'\n                    x-data='{\n                        paint: {\n                            color: \"#fcedd5\",\n                            index: 2,\n                            id: 9489,\n                            name: \"K05.2 buttermilk\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.2 buttermilk') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.2 buttermilk\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9efde\"\n                    data-id='9490'\n                    x-data='{\n                        paint: {\n                            color: \"#f9efde\",\n                            index: 2,\n                            id: 9490,\n                            name: \"K05.1 linen white\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.1 linen white') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.1 linen white\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f0c885\"\n                    data-id='9491'\n                    x-data='{\n                        paint: {\n                            color: \"#f0c885\",\n                            index: 2,\n                            id: 9491,\n                            name: \"K05.7 safran\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.7 safran') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.7 safran\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5d39b\"\n                    data-id='9492'\n                    x-data='{\n                        paint: {\n                            color: \"#f5d39b\",\n                            index: 2,\n                            id: 9492,\n                            name: \"K05.6 giallo limone\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.6 giallo limone') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.6 giallo limone\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8daa8\"\n                    data-id='9493'\n                    x-data='{\n                        paint: {\n                            color: \"#f8daa8\",\n                            index: 2,\n                            id: 9493,\n                            name: \"K05.5 banana\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K05.5 banana') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K05.5 banana\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efe8d3\"\n                    data-id='9494'\n                    x-data='{\n                        paint: {\n                            color: \"#efe8d3\",\n                            index: 2,\n                            id: 9494,\n                            name: \"K160 butter white\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K160 butter white') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K160 butter white\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2e0ba\"\n                    data-id='9495'\n                    x-data='{\n                        paint: {\n                            color: \"#f2e0ba\",\n                            index: 2,\n                            id: 9495,\n                            name: \"K244 oat\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K244 oat') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K244 oat\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3e0bc\"\n                    data-id='9496'\n                    x-data='{\n                        paint: {\n                            color: \"#f3e0bc\",\n                            index: 2,\n                            id: 9496,\n                            name: \"K238 grain\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K238 grain') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K238 grain\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2e5ca\"\n                    data-id='9497'\n                    x-data='{\n                        paint: {\n                            color: \"#f2e5ca\",\n                            index: 2,\n                            id: 9497,\n                            name: \"K196 sandstorm\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K196 sandstorm') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K196 sandstorm\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2d9b9\"\n                    data-id='9498'\n                    x-data='{\n                        paint: {\n                            color: \"#f2d9b9\",\n                            index: 2,\n                            id: 9498,\n                            name: \"K226 sandstone\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K226 sandstone') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K226 sandstone\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbd10e\"\n                    data-id='18500'\n                    x-data='{\n                        paint: {\n                            color: \"#fbd10e\",\n                            index: 2,\n                            id: 18500,\n                            name: \"bumblebee\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['holzlasur', ], 'bumblebee') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bumblebee\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fce30e\"\n                    data-id='18501'\n                    x-data='{\n                        paint: {\n                            color: \"#fce30e\",\n                            index: 2,\n                            id: 18501,\n                            name: \"banana\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['holzlasur', ], 'banana') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        banana\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ffe87b\"\n                    data-id='18502'\n                    x-data='{\n                        paint: {\n                            color: \"#ffe87b\",\n                            index: 2,\n                            id: 18502,\n                            name: \"lemonade\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['holzlasur', ], 'lemonade') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lemonade\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dab44d\"\n                    data-id='17871'\n                    x-data='{\n                        paint: {\n                            color: \"#dab44d\",\n                            index: 2,\n                            id: 17871,\n                            name: \"flowering dandelion\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'flowering dandelion') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowering dandelion\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2be5b\"\n                    data-id='17872'\n                    x-data='{\n                        paint: {\n                            color: \"#e2be5b\",\n                            index: 2,\n                            id: 17872,\n                            name: \"flowering dandelion 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'flowering dandelion 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowering dandelion 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6c569\"\n                    data-id='17873'\n                    x-data='{\n                        paint: {\n                            color: \"#e6c569\",\n                            index: 2,\n                            id: 17873,\n                            name: \"flowering dandelion 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'flowering dandelion 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowering dandelion 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebcb76\"\n                    data-id='17874'\n                    x-data='{\n                        paint: {\n                            color: \"#ebcb76\",\n                            index: 2,\n                            id: 17874,\n                            name: \"flowering dandelion 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'flowering dandelion 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowering dandelion 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1d991\"\n                    data-id='17875'\n                    x-data='{\n                        paint: {\n                            color: \"#f1d991\",\n                            index: 2,\n                            id: 17875,\n                            name: \"flowering dandelion 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'flowering dandelion 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowering dandelion 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5e4ab\"\n                    data-id='17876'\n                    x-data='{\n                        paint: {\n                            color: \"#f5e4ab\",\n                            index: 2,\n                            id: 17876,\n                            name: \"flowering dandelion 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'flowering dandelion 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowering dandelion 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7ab48\"\n                    data-id='18024'\n                    x-data='{\n                        paint: {\n                            color: \"#c7ab48\",\n                            index: 2,\n                            id: 18024,\n                            name: \"yellow kelp\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow kelp') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow kelp\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2b657\"\n                    data-id='18025'\n                    x-data='{\n                        paint: {\n                            color: \"#d2b657\",\n                            index: 2,\n                            id: 18025,\n                            name: \"yellow kelp 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow kelp 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow kelp 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1c773\"\n                    data-id='18026'\n                    x-data='{\n                        paint: {\n                            color: \"#e1c773\",\n                            index: 2,\n                            id: 18026,\n                            name: \"yellow kelp 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow kelp 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow kelp 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ead58e\"\n                    data-id='18027'\n                    x-data='{\n                        paint: {\n                            color: \"#ead58e\",\n                            index: 2,\n                            id: 18027,\n                            name: \"yellow kelp 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow kelp 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow kelp 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f0e1a9\"\n                    data-id='18028'\n                    x-data='{\n                        paint: {\n                            color: \"#f0e1a9\",\n                            index: 2,\n                            id: 18028,\n                            name: \"yellow kelp 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow kelp 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow kelp 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4eac0\"\n                    data-id='18029'\n                    x-data='{\n                        paint: {\n                            color: \"#f4eac0\",\n                            index: 2,\n                            id: 18029,\n                            name: \"yellow kelp 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gelbtoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'yellow kelp 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yellow kelp 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3d8d8b\"\n                    data-id='9499'\n                    x-data='{\n                        paint: {\n                            color: \"#3d8d8b\",\n                            index: 3,\n                            id: 9499,\n                            name: \"deep aqua\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep aqua') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep aqua\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #579d9d\"\n                    data-id='9500'\n                    x-data='{\n                        paint: {\n                            color: \"#579d9d\",\n                            index: 3,\n                            id: 9500,\n                            name: \"deep aqua 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep aqua 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep aqua 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #82b8bb\"\n                    data-id='9501'\n                    x-data='{\n                        paint: {\n                            color: \"#82b8bb\",\n                            index: 3,\n                            id: 9501,\n                            name: \"deep aqua 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep aqua 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep aqua 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a1cacc\"\n                    data-id='9502'\n                    x-data='{\n                        paint: {\n                            color: \"#a1cacc\",\n                            index: 3,\n                            id: 9502,\n                            name: \"deep aqua 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep aqua 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep aqua 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bcd9db\"\n                    data-id='9503'\n                    x-data='{\n                        paint: {\n                            color: \"#bcd9db\",\n                            index: 3,\n                            id: 9503,\n                            name: \"deep aqua 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep aqua 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep aqua 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d1e5e5\"\n                    data-id='9504'\n                    x-data='{\n                        paint: {\n                            color: \"#d1e5e5\",\n                            index: 3,\n                            id: 9504,\n                            name: \"deep aqua 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'deep aqua 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep aqua 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #55b7a9\"\n                    data-id='9505'\n                    x-data='{\n                        paint: {\n                            color: \"#55b7a9\",\n                            index: 3,\n                            id: 9505,\n                            name: \"caribbean sea\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'caribbean sea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caribbean sea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #73c4ba\"\n                    data-id='9506'\n                    x-data='{\n                        paint: {\n                            color: \"#73c4ba\",\n                            index: 3,\n                            id: 9506,\n                            name: \"caribbean sea 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'caribbean sea 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caribbean sea 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9bd6d0\"\n                    data-id='9507'\n                    x-data='{\n                        paint: {\n                            color: \"#9bd6d0\",\n                            index: 3,\n                            id: 9507,\n                            name: \"caribbean sea 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'caribbean sea 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caribbean sea 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b7e2dd\"\n                    data-id='9508'\n                    x-data='{\n                        paint: {\n                            color: \"#b7e2dd\",\n                            index: 3,\n                            id: 9508,\n                            name: \"caribbean sea 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'caribbean sea 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caribbean sea 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cdebe6\"\n                    data-id='9509'\n                    x-data='{\n                        paint: {\n                            color: \"#cdebe6\",\n                            index: 3,\n                            id: 9509,\n                            name: \"caribbean sea 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'caribbean sea 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caribbean sea 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddf1ed\"\n                    data-id='9510'\n                    x-data='{\n                        paint: {\n                            color: \"#ddf1ed\",\n                            index: 3,\n                            id: 9510,\n                            name: \"caribbean sea 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'caribbean sea 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caribbean sea 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5dae96\"\n                    data-id='9511'\n                    x-data='{\n                        paint: {\n                            color: \"#5dae96\",\n                            index: 3,\n                            id: 9511,\n                            name: \"mint extract\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint extract') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint extract\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #77bda9\"\n                    data-id='9512'\n                    x-data='{\n                        paint: {\n                            color: \"#77bda9\",\n                            index: 3,\n                            id: 9512,\n                            name: \"mint extract 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint extract 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint extract 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9cd0c4\"\n                    data-id='9513'\n                    x-data='{\n                        paint: {\n                            color: \"#9cd0c4\",\n                            index: 3,\n                            id: 9513,\n                            name: \"mint extract 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint extract 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint extract 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b7ded4\"\n                    data-id='9514'\n                    x-data='{\n                        paint: {\n                            color: \"#b7ded4\",\n                            index: 3,\n                            id: 9514,\n                            name: \"mint extract 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint extract 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint extract 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cbe7df\"\n                    data-id='9515'\n                    x-data='{\n                        paint: {\n                            color: \"#cbe7df\",\n                            index: 3,\n                            id: 9515,\n                            name: \"mint extract 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint extract 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint extract 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbeee8\"\n                    data-id='9516'\n                    x-data='{\n                        paint: {\n                            color: \"#dbeee8\",\n                            index: 3,\n                            id: 9516,\n                            name: \"mint extract 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint extract 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint extract 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #64a482\"\n                    data-id='9517'\n                    x-data='{\n                        paint: {\n                            color: \"#64a482\",\n                            index: 3,\n                            id: 9517,\n                            name: \"good woodruff\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'good woodruff') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        good woodruff\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #79b296\"\n                    data-id='9518'\n                    x-data='{\n                        paint: {\n                            color: \"#79b296\",\n                            index: 3,\n                            id: 9518,\n                            name: \"good woodruff 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'good woodruff 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        good woodruff 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9bc8b4\"\n                    data-id='9519'\n                    x-data='{\n                        paint: {\n                            color: \"#9bc8b4\",\n                            index: 3,\n                            id: 9519,\n                            name: \"good woodruff 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'good woodruff 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        good woodruff 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b6d8c8\"\n                    data-id='9520'\n                    x-data='{\n                        paint: {\n                            color: \"#b6d8c8\",\n                            index: 3,\n                            id: 9520,\n                            name: \"good woodruff 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'good woodruff 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        good woodruff 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cbe4d8\"\n                    data-id='9521'\n                    x-data='{\n                        paint: {\n                            color: \"#cbe4d8\",\n                            index: 3,\n                            id: 9521,\n                            name: \"good woodruff 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'good woodruff 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        good woodruff 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcece3\"\n                    data-id='9522'\n                    x-data='{\n                        paint: {\n                            color: \"#dcece3\",\n                            index: 3,\n                            id: 9522,\n                            name: \"good woodruff 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'good woodruff 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        good woodruff 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #66895b\"\n                    data-id='9523'\n                    x-data='{\n                        paint: {\n                            color: \"#66895b\",\n                            index: 3,\n                            id: 9523,\n                            name: \"reseda green\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'reseda green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        reseda green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #74966c\"\n                    data-id='9524'\n                    x-data='{\n                        paint: {\n                            color: \"#74966c\",\n                            index: 3,\n                            id: 9524,\n                            name: \"reseda green 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'reseda green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        reseda green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #90ae8d\"\n                    data-id='9525'\n                    x-data='{\n                        paint: {\n                            color: \"#90ae8d\",\n                            index: 3,\n                            id: 9525,\n                            name: \"reseda green 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'reseda green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        reseda green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aac3a6\"\n                    data-id='9526'\n                    x-data='{\n                        paint: {\n                            color: \"#aac3a6\",\n                            index: 3,\n                            id: 9526,\n                            name: \"reseda green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'reseda green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        reseda green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c2d4bd\"\n                    data-id='9527'\n                    x-data='{\n                        paint: {\n                            color: \"#c2d4bd\",\n                            index: 3,\n                            id: 9527,\n                            name: \"reseda green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'reseda green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        reseda green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d4e1d0\"\n                    data-id='9528'\n                    x-data='{\n                        paint: {\n                            color: \"#d4e1d0\",\n                            index: 3,\n                            id: 9528,\n                            name: \"reseda green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'reseda green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        reseda green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #678f62\"\n                    data-id='9529'\n                    x-data='{\n                        paint: {\n                            color: \"#678f62\",\n                            index: 3,\n                            id: 9529,\n                            name: \"forest green\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #769c74\"\n                    data-id='9530'\n                    x-data='{\n                        paint: {\n                            color: \"#769c74\",\n                            index: 3,\n                            id: 9530,\n                            name: \"forest green 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #94b496\"\n                    data-id='9531'\n                    x-data='{\n                        paint: {\n                            color: \"#94b496\",\n                            index: 3,\n                            id: 9531,\n                            name: \"forest green 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aec8ae\"\n                    data-id='9532'\n                    x-data='{\n                        paint: {\n                            color: \"#aec8ae\",\n                            index: 3,\n                            id: 9532,\n                            name: \"forest green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c5d8c4\"\n                    data-id='9533'\n                    x-data='{\n                        paint: {\n                            color: \"#c5d8c4\",\n                            index: 3,\n                            id: 9533,\n                            name: \"forest green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7e4d5\"\n                    data-id='9534'\n                    x-data='{\n                        paint: {\n                            color: \"#d7e4d5\",\n                            index: 3,\n                            id: 9534,\n                            name: \"forest green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #719553\"\n                    data-id='9535'\n                    x-data='{\n                        paint: {\n                            color: \"#719553\",\n                            index: 3,\n                            id: 9535,\n                            name: \"fern\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'fern') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fern\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7ea162\"\n                    data-id='9536'\n                    x-data='{\n                        paint: {\n                            color: \"#7ea162\",\n                            index: 3,\n                            id: 9536,\n                            name: \"fern 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'fern 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fern 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9ab785\"\n                    data-id='9537'\n                    x-data='{\n                        paint: {\n                            color: \"#9ab785\",\n                            index: 3,\n                            id: 9537,\n                            name: \"fern 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'fern 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fern 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2ca9f\"\n                    data-id='9538'\n                    x-data='{\n                        paint: {\n                            color: \"#b2ca9f\",\n                            index: 3,\n                            id: 9538,\n                            name: \"fern 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'fern 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fern 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8dab7\"\n                    data-id='9539'\n                    x-data='{\n                        paint: {\n                            color: \"#c8dab7\",\n                            index: 3,\n                            id: 9539,\n                            name: \"fern 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'fern 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fern 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9e5cb\"\n                    data-id='9540'\n                    x-data='{\n                        paint: {\n                            color: \"#d9e5cb\",\n                            index: 3,\n                            id: 9540,\n                            name: \"fern 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'fern 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fern 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #869055\"\n                    data-id='9541'\n                    x-data='{\n                        paint: {\n                            color: \"#869055\",\n                            index: 3,\n                            id: 9541,\n                            name: \"apple green\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'apple green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        apple green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #939c63\"\n                    data-id='9542'\n                    x-data='{\n                        paint: {\n                            color: \"#939c63\",\n                            index: 3,\n                            id: 9542,\n                            name: \"apple green 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'apple green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        apple green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #adb485\"\n                    data-id='9543'\n                    x-data='{\n                        paint: {\n                            color: \"#adb485\",\n                            index: 3,\n                            id: 9543,\n                            name: \"apple green 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'apple green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        apple green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c2c79e\"\n                    data-id='9544'\n                    x-data='{\n                        paint: {\n                            color: \"#c2c79e\",\n                            index: 3,\n                            id: 9544,\n                            name: \"apple green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'apple green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        apple green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d4d8b7\"\n                    data-id='9545'\n                    x-data='{\n                        paint: {\n                            color: \"#d4d8b7\",\n                            index: 3,\n                            id: 9545,\n                            name: \"apple green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'apple green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        apple green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1e4cb\"\n                    data-id='9546'\n                    x-data='{\n                        paint: {\n                            color: \"#e1e4cb\",\n                            index: 3,\n                            id: 9546,\n                            name: \"apple green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'apple green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        apple green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #99b84a\"\n                    data-id='9547'\n                    x-data='{\n                        paint: {\n                            color: \"#99b84a\",\n                            index: 3,\n                            id: 9547,\n                            name: \"spring green\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a5c158\"\n                    data-id='9548'\n                    x-data='{\n                        paint: {\n                            color: \"#a5c158\",\n                            index: 3,\n                            id: 9548,\n                            name: \"spring green 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b9d17a\"\n                    data-id='9549'\n                    x-data='{\n                        paint: {\n                            color: \"#b9d17a\",\n                            index: 3,\n                            id: 9549,\n                            name: \"spring green 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ccde94\"\n                    data-id='9550'\n                    x-data='{\n                        paint: {\n                            color: \"#ccde94\",\n                            index: 3,\n                            id: 9550,\n                            name: \"spring green 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbe9ae\"\n                    data-id='9551'\n                    x-data='{\n                        paint: {\n                            color: \"#dbe9ae\",\n                            index: 3,\n                            id: 9551,\n                            name: \"spring green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6f0c4\"\n                    data-id='9552'\n                    x-data='{\n                        paint: {\n                            color: \"#e6f0c4\",\n                            index: 3,\n                            id: 9552,\n                            name: \"spring green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #afc846\"\n                    data-id='9553'\n                    x-data='{\n                        paint: {\n                            color: \"#afc846\",\n                            index: 3,\n                            id: 9553,\n                            name: \"lime peel\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime peel') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime peel\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b9cf55\"\n                    data-id='9554'\n                    x-data='{\n                        paint: {\n                            color: \"#b9cf55\",\n                            index: 3,\n                            id: 9554,\n                            name: \"lime peel 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime peel 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime peel 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cadc77\"\n                    data-id='9555'\n                    x-data='{\n                        paint: {\n                            color: \"#cadc77\",\n                            index: 3,\n                            id: 9555,\n                            name: \"lime peel 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime peel 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime peel 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8e792\"\n                    data-id='9556'\n                    x-data='{\n                        paint: {\n                            color: \"#d8e792\",\n                            index: 3,\n                            id: 9556,\n                            name: \"lime peel 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime peel 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime peel 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4efac\"\n                    data-id='9557'\n                    x-data='{\n                        paint: {\n                            color: \"#e4efac\",\n                            index: 3,\n                            id: 9557,\n                            name: \"lime peel 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime peel 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime peel 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecf4c3\"\n                    data-id='9558'\n                    x-data='{\n                        paint: {\n                            color: \"#ecf4c3\",\n                            index: 3,\n                            id: 9558,\n                            name: \"lime peel 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime peel 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime peel 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c3d443\"\n                    data-id='9559'\n                    x-data='{\n                        paint: {\n                            color: \"#c3d443\",\n                            index: 3,\n                            id: 9559,\n                            name: \"green yellow\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green yellow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green yellow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cbda52\"\n                    data-id='9560'\n                    x-data='{\n                        paint: {\n                            color: \"#cbda52\",\n                            index: 3,\n                            id: 9560,\n                            name: \"green yellow 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green yellow 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green yellow 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8e575\"\n                    data-id='9561'\n                    x-data='{\n                        paint: {\n                            color: \"#d8e575\",\n                            index: 3,\n                            id: 9561,\n                            name: \"green yellow 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green yellow 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green yellow 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3ed90\"\n                    data-id='9562'\n                    x-data='{\n                        paint: {\n                            color: \"#e3ed90\",\n                            index: 3,\n                            id: 9562,\n                            name: \"green yellow 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green yellow 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green yellow 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebf3ab\"\n                    data-id='9563'\n                    x-data='{\n                        paint: {\n                            color: \"#ebf3ab\",\n                            index: 3,\n                            id: 9563,\n                            name: \"green yellow 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green yellow 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green yellow 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2f6c2\"\n                    data-id='9564'\n                    x-data='{\n                        paint: {\n                            color: \"#f2f6c2\",\n                            index: 3,\n                            id: 9564,\n                            name: \"green yellow 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green yellow 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green yellow 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8e03e\"\n                    data-id='9565'\n                    x-data='{\n                        paint: {\n                            color: \"#d8e03e\",\n                            index: 3,\n                            id: 9565,\n                            name: \"bright green\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dde44e\"\n                    data-id='9566'\n                    x-data='{\n                        paint: {\n                            color: \"#dde44e\",\n                            index: 3,\n                            id: 9566,\n                            name: \"bright green 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5ec73\"\n                    data-id='9567'\n                    x-data='{\n                        paint: {\n                            color: \"#e5ec73\",\n                            index: 3,\n                            id: 9567,\n                            name: \"bright green 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecf28f\"\n                    data-id='9568'\n                    x-data='{\n                        paint: {\n                            color: \"#ecf28f\",\n                            index: 3,\n                            id: 9568,\n                            name: \"bright green 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2f6aa\"\n                    data-id='9569'\n                    x-data='{\n                        paint: {\n                            color: \"#f2f6aa\",\n                            index: 3,\n                            id: 9569,\n                            name: \"bright green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f6f8c1\"\n                    data-id='9570'\n                    x-data='{\n                        paint: {\n                            color: \"#f6f8c1\",\n                            index: 3,\n                            id: 9570,\n                            name: \"bright green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a98f50\"\n                    data-id='9571'\n                    x-data='{\n                        paint: {\n                            color: \"#a98f50\",\n                            index: 3,\n                            id: 9571,\n                            name: \"ochre green\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ochre green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ochre green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b69c5f\"\n                    data-id='9572'\n                    x-data='{\n                        paint: {\n                            color: \"#b69c5f\",\n                            index: 3,\n                            id: 9572,\n                            name: \"ochre green 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ochre green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ochre green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cab581\"\n                    data-id='9573'\n                    x-data='{\n                        paint: {\n                            color: \"#cab581\",\n                            index: 3,\n                            id: 9573,\n                            name: \"ochre green 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ochre green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ochre green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9c89b\"\n                    data-id='9574'\n                    x-data='{\n                        paint: {\n                            color: \"#d9c89b\",\n                            index: 3,\n                            id: 9574,\n                            name: \"ochre green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ochre green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ochre green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5d8b4\"\n                    data-id='9575'\n                    x-data='{\n                        paint: {\n                            color: \"#e5d8b4\",\n                            index: 3,\n                            id: 9575,\n                            name: \"ochre green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ochre green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ochre green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eee4c9\"\n                    data-id='9576'\n                    x-data='{\n                        paint: {\n                            color: \"#eee4c9\",\n                            index: 3,\n                            id: 9576,\n                            name: \"ochre green 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ochre green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ochre green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #87714b\"\n                    data-id='9577'\n                    x-data='{\n                        paint: {\n                            color: \"#87714b\",\n                            index: 3,\n                            id: 9577,\n                            name: \"olive green\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #97825d\"\n                    data-id='9578'\n                    x-data='{\n                        paint: {\n                            color: \"#97825d\",\n                            index: 3,\n                            id: 9578,\n                            name: \"olive green 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2a080\"\n                    data-id='9579'\n                    x-data='{\n                        paint: {\n                            color: \"#b2a080\",\n                            index: 3,\n                            id: 9579,\n                            name: \"olive green 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6b79a\"\n                    data-id='9580'\n                    x-data='{\n                        paint: {\n                            color: \"#c6b79a\",\n                            index: 3,\n                            id: 9580,\n                            name: \"olive green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7cbb3\"\n                    data-id='9581'\n                    x-data='{\n                        paint: {\n                            color: \"#d7cbb3\",\n                            index: 3,\n                            id: 9581,\n                            name: \"olive green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4dbc9\"\n                    data-id='9582'\n                    x-data='{\n                        paint: {\n                            color: \"#e4dbc9\",\n                            index: 3,\n                            id: 9582,\n                            name: \"olive green 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7b6b4e\"\n                    data-id='9583'\n                    x-data='{\n                        paint: {\n                            color: \"#7b6b4e\",\n                            index: 3,\n                            id: 9583,\n                            name: \"sludge\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sludge') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sludge\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8b7c5f\"\n                    data-id='9584'\n                    x-data='{\n                        paint: {\n                            color: \"#8b7c5f\",\n                            index: 3,\n                            id: 9584,\n                            name: \"sludge 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sludge 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sludge 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a89c84\"\n                    data-id='9585'\n                    x-data='{\n                        paint: {\n                            color: \"#a89c84\",\n                            index: 3,\n                            id: 9585,\n                            name: \"sludge 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sludge 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sludge 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #beb49e\"\n                    data-id='9586'\n                    x-data='{\n                        paint: {\n                            color: \"#beb49e\",\n                            index: 3,\n                            id: 9586,\n                            name: \"sludge 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sludge 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sludge 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d1c9b7\"\n                    data-id='9587'\n                    x-data='{\n                        paint: {\n                            color: \"#d1c9b7\",\n                            index: 3,\n                            id: 9587,\n                            name: \"sludge 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sludge 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sludge 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dfd9cb\"\n                    data-id='9588'\n                    x-data='{\n                        paint: {\n                            color: \"#dfd9cb\",\n                            index: 3,\n                            id: 9588,\n                            name: \"sludge 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sludge 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sludge 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7a7156\"\n                    data-id='9589'\n                    x-data='{\n                        paint: {\n                            color: \"#7a7156\",\n                            index: 3,\n                            id: 9589,\n                            name: \"olive\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8a8167\"\n                    data-id='9590'\n                    x-data='{\n                        paint: {\n                            color: \"#8a8167\",\n                            index: 3,\n                            id: 9590,\n                            name: \"olive 05\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6a08a\"\n                    data-id='9591'\n                    x-data='{\n                        paint: {\n                            color: \"#a6a08a\",\n                            index: 3,\n                            id: 9591,\n                            name: \"olive 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bcb7a3\"\n                    data-id='9592'\n                    x-data='{\n                        paint: {\n                            color: \"#bcb7a3\",\n                            index: 3,\n                            id: 9592,\n                            name: \"olive 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0cbbb\"\n                    data-id='9593'\n                    x-data='{\n                        paint: {\n                            color: \"#d0cbbb\",\n                            index: 3,\n                            id: 9593,\n                            name: \"olive 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dedbce\"\n                    data-id='9594'\n                    x-data='{\n                        paint: {\n                            color: \"#dedbce\",\n                            index: 3,\n                            id: 9594,\n                            name: \"olive 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'olive 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        olive 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #636d5b\"\n                    data-id='9595'\n                    x-data='{\n                        paint: {\n                            color: \"#636d5b\",\n                            index: 3,\n                            id: 9595,\n                            name: \"moss green\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moss green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moss green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #727d6e\"\n                    data-id='9596'\n                    x-data='{\n                        paint: {\n                            color: \"#727d6e\",\n                            index: 3,\n                            id: 9596,\n                            name: \"moss green 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moss green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moss green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8f9b92\"\n                    data-id='9597'\n                    x-data='{\n                        paint: {\n                            color: \"#8f9b92\",\n                            index: 3,\n                            id: 9597,\n                            name: \"moss green 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moss green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moss green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a9b3ab\"\n                    data-id='9598'\n                    x-data='{\n                        paint: {\n                            color: \"#a9b3ab\",\n                            index: 3,\n                            id: 9598,\n                            name: \"moss green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moss green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moss green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c1c8c1\"\n                    data-id='9599'\n                    x-data='{\n                        paint: {\n                            color: \"#c1c8c1\",\n                            index: 3,\n                            id: 9599,\n                            name: \"moss green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moss green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moss green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3d9d3\"\n                    data-id='9600'\n                    x-data='{\n                        paint: {\n                            color: \"#d3d9d3\",\n                            index: 3,\n                            id: 9600,\n                            name: \"moss green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moss green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moss green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6bda2\"\n                    data-id='9601'\n                    x-data='{\n                        paint: {\n                            color: \"#a6bda2\",\n                            index: 3,\n                            id: 9601,\n                            name: \"60.4 kardamom\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.4 kardamom') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.4 kardamom\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b8cbb3\"\n                    data-id='9602'\n                    x-data='{\n                        paint: {\n                            color: \"#b8cbb3\",\n                            index: 3,\n                            id: 9602,\n                            name: \"60.3 pistacchio\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.3 pistacchio') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.3 pistacchio\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7d7c3\"\n                    data-id='9603'\n                    x-data='{\n                        paint: {\n                            color: \"#c7d7c3\",\n                            index: 3,\n                            id: 9603,\n                            name: \"60.2 crema verde\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.2 crema verde') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.2 crema verde\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7e1d1\"\n                    data-id='9604'\n                    x-data='{\n                        paint: {\n                            color: \"#d7e1d1\",\n                            index: 3,\n                            id: 9604,\n                            name: \"60.1 spring\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.1 spring') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.1 spring\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #759373\"\n                    data-id='9605'\n                    x-data='{\n                        paint: {\n                            color: \"#759373\",\n                            index: 3,\n                            id: 9605,\n                            name: \"60.7 smaragd\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.7 smaragd') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.7 smaragd\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #88a586\"\n                    data-id='9606'\n                    x-data='{\n                        paint: {\n                            color: \"#88a586\",\n                            index: 3,\n                            id: 9606,\n                            name: \"60.6 verde opale\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.6 verde opale') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.6 verde opale\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #98b295\"\n                    data-id='9607'\n                    x-data='{\n                        paint: {\n                            color: \"#98b295\",\n                            index: 3,\n                            id: 9607,\n                            name: \"60.5 paradise green\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '60.5 paradise green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        60.5 paradise green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9bb1b6\"\n                    data-id='9608'\n                    x-data='{\n                        paint: {\n                            color: \"#9bb1b6\",\n                            index: 3,\n                            id: 9608,\n                            name: \"837 arctic mint\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '837 arctic mint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        837 arctic mint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #77938e\"\n                    data-id='9609'\n                    x-data='{\n                        paint: {\n                            color: \"#77938e\",\n                            index: 3,\n                            id: 9609,\n                            name: \"863 jade\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '863 jade') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        863 jade\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6bbb3\"\n                    data-id='9610'\n                    x-data='{\n                        paint: {\n                            color: \"#a6bbb3\",\n                            index: 3,\n                            id: 9610,\n                            name: \"813 light teal\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '813 light teal') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        813 light teal\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9fb79e\"\n                    data-id='9611'\n                    x-data='{\n                        paint: {\n                            color: \"#9fb79e\",\n                            index: 3,\n                            id: 9611,\n                            name: \"766 young grass\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '766 young grass') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        766 young grass\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a1b09b\"\n                    data-id='9612'\n                    x-data='{\n                        paint: {\n                            color: \"#a1b09b\",\n                            index: 3,\n                            id: 9612,\n                            name: \"967 eucalyptus\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '967 eucalyptus') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        967 eucalyptus\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8d6b5\"\n                    data-id='9613'\n                    x-data='{\n                        paint: {\n                            color: \"#d8d6b5\",\n                            index: 3,\n                            id: 9613,\n                            name: \"160 chartreuse\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '160 chartreuse') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        160 chartreuse\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0d0be\"\n                    data-id='9614'\n                    x-data='{\n                        paint: {\n                            color: \"#d0d0be\",\n                            index: 3,\n                            id: 9614,\n                            name: \"155 celery\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '155 celery') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        155 celery\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8d6cf\"\n                    data-id='9615'\n                    x-data='{\n                        paint: {\n                            color: \"#c8d6cf\",\n                            index: 3,\n                            id: 9615,\n                            name: \"763 spearmint\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '763 spearmint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        763 spearmint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b3c6b4\"\n                    data-id='9616'\n                    x-data='{\n                        paint: {\n                            color: \"#b3c6b4\",\n                            index: 3,\n                            id: 9616,\n                            name: \"765 green tea\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '765 green tea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        765 green tea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7d0b4\"\n                    data-id='9617'\n                    x-data='{\n                        paint: {\n                            color: \"#c7d0b4\",\n                            index: 3,\n                            id: 9617,\n                            name: \"119 ice green\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '119 ice green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        119 ice green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7dabf\"\n                    data-id='9618'\n                    x-data='{\n                        paint: {\n                            color: \"#d7dabf\",\n                            index: 3,\n                            id: 9618,\n                            name: \"118 creme verde\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '118 creme verde') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        118 creme verde\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcdbcb\"\n                    data-id='9619'\n                    x-data='{\n                        paint: {\n                            color: \"#dcdbcb\",\n                            index: 3,\n                            id: 9619,\n                            name: \"112 jasmin\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '112 jasmin') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        112 jasmin\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ced4cc\"\n                    data-id='9620'\n                    x-data='{\n                        paint: {\n                            color: \"#ced4cc\",\n                            index: 3,\n                            id: 9620,\n                            name: \"113 turnip cabbage\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '113 turnip cabbage') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        113 turnip cabbage\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddc895\"\n                    data-id='9621'\n                    x-data='{\n                        paint: {\n                            color: \"#ddc895\",\n                            index: 3,\n                            id: 9621,\n                            name: \"244 honey melon\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '244 honey melon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        244 honey melon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c0bc8e\"\n                    data-id='9622'\n                    x-data='{\n                        paint: {\n                            color: \"#c0bc8e\",\n                            index: 3,\n                            id: 9622,\n                            name: \"246 green apple\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '246 green apple') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        246 green apple\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b0b182\"\n                    data-id='9623'\n                    x-data='{\n                        paint: {\n                            color: \"#b0b182\",\n                            index: 3,\n                            id: 9623,\n                            name: \"291 mint\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '291 mint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        291 mint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #989f70\"\n                    data-id='9624'\n                    x-data='{\n                        paint: {\n                            color: \"#989f70\",\n                            index: 3,\n                            id: 9624,\n                            name: \"290 flora\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '290 flora') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        290 flora\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ded7bf\"\n                    data-id='9625'\n                    x-data='{\n                        paint: {\n                            color: \"#ded7bf\",\n                            index: 3,\n                            id: 9625,\n                            name: \"154 miel\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '154 miel') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        154 miel\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aba391\"\n                    data-id='9626'\n                    x-data='{\n                        paint: {\n                            color: \"#aba391\",\n                            index: 3,\n                            id: 9626,\n                            name: \"592 sapling\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '592 sapling') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        592 sapling\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #999d8d\"\n                    data-id='9628'\n                    x-data='{\n                        paint: {\n                            color: \"#999d8d\",\n                            index: 3,\n                            id: 9628,\n                            name: \"969 green olive\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '969 green olive') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        969 green olive\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7c7a6c\"\n                    data-id='9627'\n                    x-data='{\n                        paint: {\n                            color: \"#7c7a6c\",\n                            index: 3,\n                            id: 9627,\n                            name: \"989 green kelp\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '989 green kelp') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        989 green kelp\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a09e81\"\n                    data-id='9629'\n                    x-data='{\n                        paint: {\n                            color: \"#a09e81\",\n                            index: 3,\n                            id: 9629,\n                            name: \"404 reed\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '404 reed') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        404 reed\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9c9c83\"\n                    data-id='9630'\n                    x-data='{\n                        paint: {\n                            color: \"#9c9c83\",\n                            index: 3,\n                            id: 9630,\n                            name: \"284 khaki\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '284 khaki') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        284 khaki\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a3a296\"\n                    data-id='9631'\n                    x-data='{\n                        paint: {\n                            color: \"#a3a296\",\n                            index: 3,\n                            id: 9631,\n                            name: \"951 koala\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '951 koala') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        951 koala\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6c5bb\"\n                    data-id='9632'\n                    x-data='{\n                        paint: {\n                            color: \"#c6c5bb\",\n                            index: 3,\n                            id: 9632,\n                            name: \"913 oyster\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '913 oyster') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        913 oyster\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0ddcd\"\n                    data-id='9633'\n                    x-data='{\n                        paint: {\n                            color: \"#d0ddcd\",\n                            index: 3,\n                            id: 9633,\n                            name: \"K65.4 aloe vera\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.4 aloe vera') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.4 aloe vera\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbe4d8\"\n                    data-id='9634'\n                    x-data='{\n                        paint: {\n                            color: \"#dbe4d8\",\n                            index: 3,\n                            id: 9634,\n                            name: \"K65.3 lime green\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.3 lime green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.3 lime green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5ebe2\"\n                    data-id='9635'\n                    x-data='{\n                        paint: {\n                            color: \"#e5ebe2\",\n                            index: 3,\n                            id: 9635,\n                            name: \"K65.2 green breeze\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.2 green breeze') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.2 green breeze\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecefe9\"\n                    data-id='9636'\n                    x-data='{\n                        paint: {\n                            color: \"#ecefe9\",\n                            index: 3,\n                            id: 9636,\n                            name: \"K65.1 mint cream\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.1 mint cream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.1 mint cream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #adc3a7\"\n                    data-id='9637'\n                    x-data='{\n                        paint: {\n                            color: \"#adc3a7\",\n                            index: 3,\n                            id: 9637,\n                            name: \"K65.7 allium\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.7 allium') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.7 allium\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bdcfb8\"\n                    data-id='9638'\n                    x-data='{\n                        paint: {\n                            color: \"#bdcfb8\",\n                            index: 3,\n                            id: 9638,\n                            name: \"K65.6 verde esmeralda\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.6 verde esmeralda') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.6 verde esmeralda\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8d7c3\"\n                    data-id='9639'\n                    x-data='{\n                        paint: {\n                            color: \"#c8d7c3\",\n                            index: 3,\n                            id: 9639,\n                            name: \"K65.5 mint chocolate\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K65.5 mint chocolate') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K65.5 mint chocolate\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cac699\"\n                    data-id='9640'\n                    x-data='{\n                        paint: {\n                            color: \"#cac699\",\n                            index: 3,\n                            id: 9640,\n                            name: \"K290 lime\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K290 lime') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K290 lime\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8d0a7\"\n                    data-id='9641'\n                    x-data='{\n                        paint: {\n                            color: \"#d8d0a7\",\n                            index: 3,\n                            id: 9641,\n                            name: \"K291 golden kiwi\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K291 golden kiwi') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K291 golden kiwi\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5dab6\"\n                    data-id='9642'\n                    x-data='{\n                        paint: {\n                            color: \"#e5dab6\",\n                            index: 3,\n                            id: 9642,\n                            name: \"K246 silk\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K246 silk') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K246 silk\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9b8a56\"\n                    data-id='17877'\n                    x-data='{\n                        paint: {\n                            color: \"#9b8a56\",\n                            index: 3,\n                            id: 17877,\n                            name: \"forest clearing\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest clearing') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest clearing\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a79663\"\n                    data-id='17878'\n                    x-data='{\n                        paint: {\n                            color: \"#a79663\",\n                            index: 3,\n                            id: 17878,\n                            name: \"forest clearing 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest clearing 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest clearing 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bfad7e\"\n                    data-id='17879'\n                    x-data='{\n                        paint: {\n                            color: \"#bfad7e\",\n                            index: 3,\n                            id: 17879,\n                            name: \"forest clearing 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest clearing 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest clearing 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2c298\"\n                    data-id='17880'\n                    x-data='{\n                        paint: {\n                            color: \"#d2c298\",\n                            index: 3,\n                            id: 17880,\n                            name: \"forest clearing 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest clearing 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest clearing 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1d4b1\"\n                    data-id='17881'\n                    x-data='{\n                        paint: {\n                            color: \"#e1d4b1\",\n                            index: 3,\n                            id: 17881,\n                            name: \"forest clearing 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest clearing 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest clearing 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eae1c7\"\n                    data-id='17882'\n                    x-data='{\n                        paint: {\n                            color: \"#eae1c7\",\n                            index: 3,\n                            id: 17882,\n                            name: \"forest clearing 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'forest clearing 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        forest clearing 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a9d44c\"\n                    data-id='17883'\n                    x-data='{\n                        paint: {\n                            color: \"#a9d44c\",\n                            index: 3,\n                            id: 17883,\n                            name: \"frog green\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frog green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frog green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #badc5f\"\n                    data-id='17884'\n                    x-data='{\n                        paint: {\n                            color: \"#badc5f\",\n                            index: 3,\n                            id: 17884,\n                            name: \"frog green 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frog green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frog green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cde579\"\n                    data-id='17885'\n                    x-data='{\n                        paint: {\n                            color: \"#cde579\",\n                            index: 3,\n                            id: 17885,\n                            name: \"frog green 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frog green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frog green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcec95\"\n                    data-id='17886'\n                    x-data='{\n                        paint: {\n                            color: \"#dcec95\",\n                            index: 3,\n                            id: 17886,\n                            name: \"frog green 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frog green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frog green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6f1ae\"\n                    data-id='17887'\n                    x-data='{\n                        paint: {\n                            color: \"#e6f1ae\",\n                            index: 3,\n                            id: 17887,\n                            name: \"frog green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frog green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frog green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edf4c5\"\n                    data-id='17888'\n                    x-data='{\n                        paint: {\n                            color: \"#edf4c5\",\n                            index: 3,\n                            id: 17888,\n                            name: \"frog green 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frog green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frog green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #52c785\"\n                    data-id='17896'\n                    x-data='{\n                        paint: {\n                            color: \"#52c785\",\n                            index: 3,\n                            id: 17896,\n                            name: \"green lizard\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green lizard') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green lizard\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #74d29e\"\n                    data-id='17897'\n                    x-data='{\n                        paint: {\n                            color: \"#74d29e\",\n                            index: 3,\n                            id: 17897,\n                            name: \"green lizard 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green lizard 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green lizard 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9edfb2\"\n                    data-id='17898'\n                    x-data='{\n                        paint: {\n                            color: \"#9edfb2\",\n                            index: 3,\n                            id: 17898,\n                            name: \"green lizard 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green lizard 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green lizard 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bae8c6\"\n                    data-id='17899'\n                    x-data='{\n                        paint: {\n                            color: \"#bae8c6\",\n                            index: 3,\n                            id: 17899,\n                            name: \"green lizard 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green lizard 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green lizard 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0eed6\"\n                    data-id='17900'\n                    x-data='{\n                        paint: {\n                            color: \"#d0eed6\",\n                            index: 3,\n                            id: 17900,\n                            name: \"green lizard 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green lizard 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green lizard 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dff2e2\"\n                    data-id='17901'\n                    x-data='{\n                        paint: {\n                            color: \"#dff2e2\",\n                            index: 3,\n                            id: 17901,\n                            name: \"green lizard 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green lizard 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green lizard 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #558a82\"\n                    data-id='17964'\n                    x-data='{\n                        paint: {\n                            color: \"#558a82\",\n                            index: 3,\n                            id: 17964,\n                            name: \"sea turquoise\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sea turquoise') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sea turquoise\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #709e94\"\n                    data-id='17965'\n                    x-data='{\n                        paint: {\n                            color: \"#709e94\",\n                            index: 3,\n                            id: 17965,\n                            name: \"sea turquoise 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sea turquoise 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sea turquoise 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #93b8b0\"\n                    data-id='17966'\n                    x-data='{\n                        paint: {\n                            color: \"#93b8b0\",\n                            index: 3,\n                            id: 17966,\n                            name: \"sea turquoise 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sea turquoise 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sea turquoise 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #afccc6\"\n                    data-id='17967'\n                    x-data='{\n                        paint: {\n                            color: \"#afccc6\",\n                            index: 3,\n                            id: 17967,\n                            name: \"sea turquoise 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sea turquoise 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sea turquoise 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6dbd5\"\n                    data-id='17968'\n                    x-data='{\n                        paint: {\n                            color: \"#c6dbd5\",\n                            index: 3,\n                            id: 17968,\n                            name: \"sea turquoise 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sea turquoise 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sea turquoise 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8e6e0\"\n                    data-id='17969'\n                    x-data='{\n                        paint: {\n                            color: \"#d8e6e0\",\n                            index: 3,\n                            id: 17969,\n                            name: \"sea turquoise 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sea turquoise 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sea turquoise 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6f6d59\"\n                    data-id='18015'\n                    x-data='{\n                        paint: {\n                            color: \"#6f6d59\",\n                            index: 3,\n                            id: 18015,\n                            name: \"wildness green\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wildness green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wildness green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #817f6b\"\n                    data-id='18016'\n                    x-data='{\n                        paint: {\n                            color: \"#817f6b\",\n                            index: 3,\n                            id: 18016,\n                            name: \"wildness green 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wildness green 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wildness green 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9f9c88\"\n                    data-id='18017'\n                    x-data='{\n                        paint: {\n                            color: \"#9f9c88\",\n                            index: 3,\n                            id: 18017,\n                            name: \"wildness green 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wildness green 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wildness green 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b7b3a1\"\n                    data-id='18018'\n                    x-data='{\n                        paint: {\n                            color: \"#b7b3a1\",\n                            index: 3,\n                            id: 18018,\n                            name: \"wildness green 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wildness green 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wildness green 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cbc8b9\"\n                    data-id='18019'\n                    x-data='{\n                        paint: {\n                            color: \"#cbc8b9\",\n                            index: 3,\n                            id: 18019,\n                            name: \"wildness green 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wildness green 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wildness green 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbd9cc\"\n                    data-id='18020'\n                    x-data='{\n                        paint: {\n                            color: \"#dbd9cc\",\n                            index: 3,\n                            id: 18020,\n                            name: \"wildness green 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wildness green 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wildness green 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #708366\"\n                    data-id='18031'\n                    x-data='{\n                        paint: {\n                            color: \"#708366\",\n                            index: 3,\n                            id: 18031,\n                            name: \"zucchini\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'zucchini') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        zucchini\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #83957a\"\n                    data-id='18032'\n                    x-data='{\n                        paint: {\n                            color: \"#83957a\",\n                            index: 3,\n                            id: 18032,\n                            name: \"zucchini 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'zucchini 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        zucchini 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9ead95\"\n                    data-id='18033'\n                    x-data='{\n                        paint: {\n                            color: \"#9ead95\",\n                            index: 3,\n                            id: 18033,\n                            name: \"zucchini 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'zucchini 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        zucchini 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b6c2ad\"\n                    data-id='18034'\n                    x-data='{\n                        paint: {\n                            color: \"#b6c2ad\",\n                            index: 3,\n                            id: 18034,\n                            name: \"zucchini 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'zucchini 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        zucchini 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ccd4c3\"\n                    data-id='18035'\n                    x-data='{\n                        paint: {\n                            color: \"#ccd4c3\",\n                            index: 3,\n                            id: 18035,\n                            name: \"zucchini 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'zucchini 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        zucchini 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbe1d4\"\n                    data-id='18036'\n                    x-data='{\n                        paint: {\n                            color: \"#dbe1d4\",\n                            index: 3,\n                            id: 18036,\n                            name: \"zucchini 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'zucchini 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        zucchini 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #24755b\"\n                    data-id='18474'\n                    x-data='{\n                        paint: {\n                            color: \"#24755b\",\n                            index: 3,\n                            id: 18474,\n                            name: \"deep forest\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'deep forest') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        deep forest\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5e945b\"\n                    data-id='18475'\n                    x-data='{\n                        paint: {\n                            color: \"#5e945b\",\n                            index: 3,\n                            id: 18475,\n                            name: \"greenland\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'greenland') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        greenland\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9aa642\"\n                    data-id='18476'\n                    x-data='{\n                        paint: {\n                            color: \"#9aa642\",\n                            index: 3,\n                            id: 18476,\n                            name: \"basil leaf\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'basil leaf') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        basil leaf\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8e9931\"\n                    data-id='18477'\n                    x-data='{\n                        paint: {\n                            color: \"#8e9931\",\n                            index: 3,\n                            id: 18477,\n                            name: \"avocado\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'avocado') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        avocado\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bbd58c\"\n                    data-id='18478'\n                    x-data='{\n                        paint: {\n                            color: \"#bbd58c\",\n                            index: 3,\n                            id: 18478,\n                            name: \"grasshopper\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'grasshopper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grasshopper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7a9d36\"\n                    data-id='18479'\n                    x-data='{\n                        paint: {\n                            color: \"#7a9d36\",\n                            index: 3,\n                            id: 18479,\n                            name: \"hemp\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'hemp') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hemp\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #4b6c31\"\n                    data-id='18480'\n                    x-data='{\n                        paint: {\n                            color: \"#4b6c31\",\n                            index: 3,\n                            id: 18480,\n                            name: \"palm tree\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'palm tree') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        palm tree\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #516833\"\n                    data-id='18481'\n                    x-data='{\n                        paint: {\n                            color: \"#516833\",\n                            index: 3,\n                            id: 18481,\n                            name: \"midnight green\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'midnight green') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        midnight green\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5f6032\"\n                    data-id='18482'\n                    x-data='{\n                        paint: {\n                            color: \"#5f6032\",\n                            index: 3,\n                            id: 18482,\n                            name: \"jungle\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'jungle') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        jungle\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #706941\"\n                    data-id='18483'\n                    x-data='{\n                        paint: {\n                            color: \"#706941\",\n                            index: 3,\n                            id: 18483,\n                            name: \"botany\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'botany') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        botany\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7de42\"\n                    data-id='18503'\n                    x-data='{\n                        paint: {\n                            color: \"#d7de42\",\n                            index: 3,\n                            id: 18503,\n                            name: \"matcha\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('gruentoene', ['holzlasur', ], 'matcha') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        matcha\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #617ccd\"\n                    data-id='9643'\n                    x-data='{\n                        paint: {\n                            color: \"#617ccd\",\n                            index: 4,\n                            id: 9643,\n                            name: \"sparkling blue\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sparkling blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sparkling blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7b97db\"\n                    data-id='9644'\n                    x-data='{\n                        paint: {\n                            color: \"#7b97db\",\n                            index: 4,\n                            id: 9644,\n                            name: \"sparkling blue 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sparkling blue 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sparkling blue 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a0b9e9\"\n                    data-id='9645'\n                    x-data='{\n                        paint: {\n                            color: \"#a0b9e9\",\n                            index: 4,\n                            id: 9645,\n                            name: \"sparkling blue 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sparkling blue 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sparkling blue 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b9ccee\"\n                    data-id='9646'\n                    x-data='{\n                        paint: {\n                            color: \"#b9ccee\",\n                            index: 4,\n                            id: 9646,\n                            name: \"sparkling blue 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sparkling blue 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sparkling blue 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cedcf1\"\n                    data-id='9647'\n                    x-data='{\n                        paint: {\n                            color: \"#cedcf1\",\n                            index: 4,\n                            id: 9647,\n                            name: \"sparkling blue 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sparkling blue 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sparkling blue 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dee7f3\"\n                    data-id='9648'\n                    x-data='{\n                        paint: {\n                            color: \"#dee7f3\",\n                            index: 4,\n                            id: 9648,\n                            name: \"sparkling blue 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sparkling blue 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sparkling blue 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5178cf\"\n                    data-id='9649'\n                    x-data='{\n                        paint: {\n                            color: \"#5178cf\",\n                            index: 4,\n                            id: 9649,\n                            name: \"true blue\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'true blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        true blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6b93dd\"\n                    data-id='9650'\n                    x-data='{\n                        paint: {\n                            color: \"#6b93dd\",\n                            index: 4,\n                            id: 9650,\n                            name: \"true blue 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'true blue 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        true blue 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #94b5ea\"\n                    data-id='9651'\n                    x-data='{\n                        paint: {\n                            color: \"#94b5ea\",\n                            index: 4,\n                            id: 9651,\n                            name: \"true blue 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'true blue 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        true blue 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b0c9ef\"\n                    data-id='9652'\n                    x-data='{\n                        paint: {\n                            color: \"#b0c9ef\",\n                            index: 4,\n                            id: 9652,\n                            name: \"true blue 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'true blue 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        true blue 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7d9f2\"\n                    data-id='9653'\n                    x-data='{\n                        paint: {\n                            color: \"#c7d9f2\",\n                            index: 4,\n                            id: 9653,\n                            name: \"true blue 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'true blue 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        true blue 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8e5f3\"\n                    data-id='9654'\n                    x-data='{\n                        paint: {\n                            color: \"#d8e5f3\",\n                            index: 4,\n                            id: 9654,\n                            name: \"true blue 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'true blue 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        true blue 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #457bcf\"\n                    data-id='9655'\n                    x-data='{\n                        paint: {\n                            color: \"#457bcf\",\n                            index: 4,\n                            id: 9655,\n                            name: \"ocean blue\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ocean blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ocean blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5f92dc\"\n                    data-id='9656'\n                    x-data='{\n                        paint: {\n                            color: \"#5f92dc\",\n                            index: 4,\n                            id: 9656,\n                            name: \"ocean blue 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ocean blue 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ocean blue 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #89b2e9\"\n                    data-id='9657'\n                    x-data='{\n                        paint: {\n                            color: \"#89b2e9\",\n                            index: 4,\n                            id: 9657,\n                            name: \"ocean blue 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ocean blue 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ocean blue 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6c6ef\"\n                    data-id='9658'\n                    x-data='{\n                        paint: {\n                            color: \"#a6c6ef\",\n                            index: 4,\n                            id: 9658,\n                            name: \"ocean blue 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ocean blue 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ocean blue 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c0d7f2\"\n                    data-id='9659'\n                    x-data='{\n                        paint: {\n                            color: \"#c0d7f2\",\n                            index: 4,\n                            id: 9659,\n                            name: \"ocean blue 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ocean blue 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ocean blue 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3e3f4\"\n                    data-id='9660'\n                    x-data='{\n                        paint: {\n                            color: \"#d3e3f4\",\n                            index: 4,\n                            id: 9660,\n                            name: \"ocean blue 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ocean blue 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ocean blue 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3c7fcf\"\n                    data-id='9661'\n                    x-data='{\n                        paint: {\n                            color: \"#3c7fcf\",\n                            index: 4,\n                            id: 9661,\n                            name: \"indian ocean\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian ocean') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian ocean\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5493db\"\n                    data-id='9662'\n                    x-data='{\n                        paint: {\n                            color: \"#5493db\",\n                            index: 4,\n                            id: 9662,\n                            name: \"indian ocean 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian ocean 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian ocean 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7fb0e8\"\n                    data-id='9663'\n                    x-data='{\n                        paint: {\n                            color: \"#7fb0e8\",\n                            index: 4,\n                            id: 9663,\n                            name: \"indian ocean 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian ocean 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian ocean 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9ec4ef\"\n                    data-id='9664'\n                    x-data='{\n                        paint: {\n                            color: \"#9ec4ef\",\n                            index: 4,\n                            id: 9664,\n                            name: \"indian ocean 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian ocean 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian ocean 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bad6f2\"\n                    data-id='9665'\n                    x-data='{\n                        paint: {\n                            color: \"#bad6f2\",\n                            index: 4,\n                            id: 9665,\n                            name: \"indian ocean 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian ocean 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian ocean 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cfe2f4\"\n                    data-id='9666'\n                    x-data='{\n                        paint: {\n                            color: \"#cfe2f4\",\n                            index: 4,\n                            id: 9666,\n                            name: \"indian ocean 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'indian ocean 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        indian ocean 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3788d0\"\n                    data-id='9667'\n                    x-data='{\n                        paint: {\n                            color: \"#3788d0\",\n                            index: 4,\n                            id: 9667,\n                            name: \"atlantic ocean\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atlantic ocean') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atlantic ocean\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #569cdb\"\n                    data-id='9668'\n                    x-data='{\n                        paint: {\n                            color: \"#569cdb\",\n                            index: 4,\n                            id: 9668,\n                            name: \"atlantic ocean 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atlantic ocean 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atlantic ocean 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #82b7e8\"\n                    data-id='9669'\n                    x-data='{\n                        paint: {\n                            color: \"#82b7e8\",\n                            index: 4,\n                            id: 9669,\n                            name: \"atlantic ocean 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atlantic ocean 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atlantic ocean 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a2caee\"\n                    data-id='9670'\n                    x-data='{\n                        paint: {\n                            color: \"#a2caee\",\n                            index: 4,\n                            id: 9670,\n                            name: \"atlantic ocean 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atlantic ocean 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atlantic ocean 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bdd9f2\"\n                    data-id='9671'\n                    x-data='{\n                        paint: {\n                            color: \"#bdd9f2\",\n                            index: 4,\n                            id: 9671,\n                            name: \"atlantic ocean 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atlantic ocean 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atlantic ocean 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2e5f3\"\n                    data-id='9672'\n                    x-data='{\n                        paint: {\n                            color: \"#d2e5f3\",\n                            index: 4,\n                            id: 9672,\n                            name: \"atlantic ocean 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atlantic ocean 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atlantic ocean 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3895d1\"\n                    data-id='9673'\n                    x-data='{\n                        paint: {\n                            color: \"#3895d1\",\n                            index: 4,\n                            id: 9673,\n                            name: \"pacific ocean\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pacific ocean') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pacific ocean\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5aa7db\"\n                    data-id='9674'\n                    x-data='{\n                        paint: {\n                            color: \"#5aa7db\",\n                            index: 4,\n                            id: 9674,\n                            name: \"pacific ocean 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pacific ocean 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pacific ocean 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #88c0e8\"\n                    data-id='9675'\n                    x-data='{\n                        paint: {\n                            color: \"#88c0e8\",\n                            index: 4,\n                            id: 9675,\n                            name: \"pacific ocean 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pacific ocean 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pacific ocean 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a7d1ee\"\n                    data-id='9676'\n                    x-data='{\n                        paint: {\n                            color: \"#a7d1ee\",\n                            index: 4,\n                            id: 9676,\n                            name: \"pacific ocean 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pacific ocean 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pacific ocean 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c1def2\"\n                    data-id='9677'\n                    x-data='{\n                        paint: {\n                            color: \"#c1def2\",\n                            index: 4,\n                            id: 9677,\n                            name: \"pacific ocean 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pacific ocean 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pacific ocean 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d5e8f3\"\n                    data-id='9678'\n                    x-data='{\n                        paint: {\n                            color: \"#d5e8f3\",\n                            index: 4,\n                            id: 9678,\n                            name: \"pacific ocean 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pacific ocean 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pacific ocean 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3aa5d1\"\n                    data-id='9679'\n                    x-data='{\n                        paint: {\n                            color: \"#3aa5d1\",\n                            index: 4,\n                            id: 9679,\n                            name: \"blue lagoon\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue lagoon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue lagoon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #61b5db\"\n                    data-id='9680'\n                    x-data='{\n                        paint: {\n                            color: \"#61b5db\",\n                            index: 4,\n                            id: 9680,\n                            name: \"blue lagoon 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue lagoon 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue lagoon 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8ecbe8\"\n                    data-id='9681'\n                    x-data='{\n                        paint: {\n                            color: \"#8ecbe8\",\n                            index: 4,\n                            id: 9681,\n                            name: \"blue lagoon 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue lagoon 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue lagoon 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #add9ee\"\n                    data-id='9682'\n                    x-data='{\n                        paint: {\n                            color: \"#add9ee\",\n                            index: 4,\n                            id: 9682,\n                            name: \"blue lagoon 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue lagoon 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue lagoon 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6e4f1\"\n                    data-id='9683'\n                    x-data='{\n                        paint: {\n                            color: \"#c6e4f1\",\n                            index: 4,\n                            id: 9683,\n                            name: \"blue lagoon 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue lagoon 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue lagoon 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9edf3\"\n                    data-id='9684'\n                    x-data='{\n                        paint: {\n                            color: \"#d9edf3\",\n                            index: 4,\n                            id: 9684,\n                            name: \"blue lagoon 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue lagoon 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue lagoon 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3984b1\"\n                    data-id='9685'\n                    x-data='{\n                        paint: {\n                            color: \"#3984b1\",\n                            index: 4,\n                            id: 9685,\n                            name: \"high sky\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'high sky') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        high sky\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5297c2\"\n                    data-id='9686'\n                    x-data='{\n                        paint: {\n                            color: \"#5297c2\",\n                            index: 4,\n                            id: 9686,\n                            name: \"high sky 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'high sky 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        high sky 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7fb3d7\"\n                    data-id='9687'\n                    x-data='{\n                        paint: {\n                            color: \"#7fb3d7\",\n                            index: 4,\n                            id: 9687,\n                            name: \"high sky 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'high sky 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        high sky 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9ec6e2\"\n                    data-id='9688'\n                    x-data='{\n                        paint: {\n                            color: \"#9ec6e2\",\n                            index: 4,\n                            id: 9688,\n                            name: \"high sky 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'high sky 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        high sky 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bad6ea\"\n                    data-id='9689'\n                    x-data='{\n                        paint: {\n                            color: \"#bad6ea\",\n                            index: 4,\n                            id: 9689,\n                            name: \"high sky 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'high sky 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        high sky 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cfe3ef\"\n                    data-id='9690'\n                    x-data='{\n                        paint: {\n                            color: \"#cfe3ef\",\n                            index: 4,\n                            id: 9690,\n                            name: \"high sky 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'high sky 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        high sky 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #37889d\"\n                    data-id='9691'\n                    x-data='{\n                        paint: {\n                            color: \"#37889d\",\n                            index: 4,\n                            id: 9691,\n                            name: \"teal\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'teal') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teal\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #539aaf\"\n                    data-id='9692'\n                    x-data='{\n                        paint: {\n                            color: \"#539aaf\",\n                            index: 4,\n                            id: 9692,\n                            name: \"teal 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'teal 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teal 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7fb5ca\"\n                    data-id='9693'\n                    x-data='{\n                        paint: {\n                            color: \"#7fb5ca\",\n                            index: 4,\n                            id: 9693,\n                            name: \"teal 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'teal 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teal 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9fc8d8\"\n                    data-id='9694'\n                    x-data='{\n                        paint: {\n                            color: \"#9fc8d8\",\n                            index: 4,\n                            id: 9694,\n                            name: \"teal 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'teal 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teal 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bbd8e3\"\n                    data-id='9695'\n                    x-data='{\n                        paint: {\n                            color: \"#bbd8e3\",\n                            index: 4,\n                            id: 9695,\n                            name: \"teal 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'teal 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teal 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0e4ea\"\n                    data-id='9696'\n                    x-data='{\n                        paint: {\n                            color: \"#d0e4ea\",\n                            index: 4,\n                            id: 9696,\n                            name: \"teal 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'teal 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teal 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #3bb2d2\"\n                    data-id='9697'\n                    x-data='{\n                        paint: {\n                            color: \"#3bb2d2\",\n                            index: 4,\n                            id: 9697,\n                            name: \"ice blue\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #64c0dc\"\n                    data-id='9698'\n                    x-data='{\n                        paint: {\n                            color: \"#64c0dc\",\n                            index: 4,\n                            id: 9698,\n                            name: \"ice blue 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice blue 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice blue 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #94d3e8\"\n                    data-id='9699'\n                    x-data='{\n                        paint: {\n                            color: \"#94d3e8\",\n                            index: 4,\n                            id: 9699,\n                            name: \"ice blue 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice blue 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice blue 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2e0ee\"\n                    data-id='9700'\n                    x-data='{\n                        paint: {\n                            color: \"#b2e0ee\",\n                            index: 4,\n                            id: 9700,\n                            name: \"ice blue 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice blue 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice blue 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cae9f1\"\n                    data-id='9701'\n                    x-data='{\n                        paint: {\n                            color: \"#cae9f1\",\n                            index: 4,\n                            id: 9701,\n                            name: \"ice blue 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice blue 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice blue 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dceff2\"\n                    data-id='9702'\n                    x-data='{\n                        paint: {\n                            color: \"#dceff2\",\n                            index: 4,\n                            id: 9702,\n                            name: \"ice blue 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice blue 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice blue 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #39bad2\"\n                    data-id='9703'\n                    x-data='{\n                        paint: {\n                            color: \"#39bad2\",\n                            index: 4,\n                            id: 9703,\n                            name: \"blue breeze\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue breeze') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue breeze\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #66c7db\"\n                    data-id='9704'\n                    x-data='{\n                        paint: {\n                            color: \"#66c7db\",\n                            index: 4,\n                            id: 9704,\n                            name: \"blue breeze 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue breeze 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue breeze 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #95d8e7\"\n                    data-id='9705'\n                    x-data='{\n                        paint: {\n                            color: \"#95d8e7\",\n                            index: 4,\n                            id: 9705,\n                            name: \"blue breeze 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue breeze 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue breeze 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b3e3ed\"\n                    data-id='9706'\n                    x-data='{\n                        paint: {\n                            color: \"#b3e3ed\",\n                            index: 4,\n                            id: 9706,\n                            name: \"blue breeze 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue breeze 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue breeze 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cbebf1\"\n                    data-id='9707'\n                    x-data='{\n                        paint: {\n                            color: \"#cbebf1\",\n                            index: 4,\n                            id: 9707,\n                            name: \"blue breeze 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue breeze 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue breeze 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddf1f2\"\n                    data-id='9708'\n                    x-data='{\n                        paint: {\n                            color: \"#ddf1f2\",\n                            index: 4,\n                            id: 9708,\n                            name: \"blue breeze 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue breeze 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue breeze 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #37c6d1\"\n                    data-id='9709'\n                    x-data='{\n                        paint: {\n                            color: \"#37c6d1\",\n                            index: 4,\n                            id: 9709,\n                            name: \"wave\",\n                            price_group: \"5\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wave') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wave\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #67d0db\"\n                    data-id='9710'\n                    x-data='{\n                        paint: {\n                            color: \"#67d0db\",\n                            index: 4,\n                            id: 9710,\n                            name: \"wave 05\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wave 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wave 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #97dfe7\"\n                    data-id='9711'\n                    x-data='{\n                        paint: {\n                            color: \"#97dfe7\",\n                            index: 4,\n                            id: 9711,\n                            name: \"wave 10\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wave 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wave 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b6e8ed\"\n                    data-id='9712'\n                    x-data='{\n                        paint: {\n                            color: \"#b6e8ed\",\n                            index: 4,\n                            id: 9712,\n                            name: \"wave 15\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wave 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wave 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cdeef1\"\n                    data-id='9713'\n                    x-data='{\n                        paint: {\n                            color: \"#cdeef1\",\n                            index: 4,\n                            id: 9713,\n                            name: \"wave 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wave 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wave 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #def3f2\"\n                    data-id='9714'\n                    x-data='{\n                        paint: {\n                            color: \"#def3f2\",\n                            index: 4,\n                            id: 9714,\n                            name: \"wave 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wave 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wave 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #acc0e4\"\n                    data-id='9715'\n                    x-data='{\n                        paint: {\n                            color: \"#acc0e4\",\n                            index: 4,\n                            id: 9715,\n                            name: \"50.4 baby blue\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.4 baby blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.4 baby blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c0d0ea\"\n                    data-id='9716'\n                    x-data='{\n                        paint: {\n                            color: \"#c0d0ea\",\n                            index: 4,\n                            id: 9716,\n                            name: \"50.3 sea\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.3 sea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.3 sea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cfdbed\"\n                    data-id='9717'\n                    x-data='{\n                        paint: {\n                            color: \"#cfdbed\",\n                            index: 4,\n                            id: 9717,\n                            name: \"50.2 aqua\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.2 aqua') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.2 aqua\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dde5ef\"\n                    data-id='9718'\n                    x-data='{\n                        paint: {\n                            color: \"#dde5ef\",\n                            index: 4,\n                            id: 9718,\n                            name: \"50.1 white dove\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.1 white dove') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.1 white dove\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7894d2\"\n                    data-id='9719'\n                    x-data='{\n                        paint: {\n                            color: \"#7894d2\",\n                            index: 4,\n                            id: 9719,\n                            name: \"50.7 cornflower\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.7 cornflower') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.7 cornflower\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #92aadc\"\n                    data-id='9720'\n                    x-data='{\n                        paint: {\n                            color: \"#92aadc\",\n                            index: 4,\n                            id: 9720,\n                            name: \"50.6 drop\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.6 drop') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.6 drop\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a2b8e2\"\n                    data-id='9721'\n                    x-data='{\n                        paint: {\n                            color: \"#a2b8e2\",\n                            index: 4,\n                            id: 9721,\n                            name: \"50.5 cielo blu\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '50.5 cielo blu') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        50.5 cielo blu\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #798aa6\"\n                    data-id='9722'\n                    x-data='{\n                        paint: {\n                            color: \"#798aa6\",\n                            index: 4,\n                            id: 9722,\n                            name: \"333 dove blue\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '333 dove blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        333 dove blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7c97b8\"\n                    data-id='9723'\n                    x-data='{\n                        paint: {\n                            color: \"#7c97b8\",\n                            index: 4,\n                            id: 9723,\n                            name: \"834 jeans\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '834 jeans') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        834 jeans\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #92aac5\"\n                    data-id='9724'\n                    x-data='{\n                        paint: {\n                            color: \"#92aac5\",\n                            index: 4,\n                            id: 9724,\n                            name: \"836 glacier\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '836 glacier') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        836 glacier\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b5c7d2\"\n                    data-id='9725'\n                    x-data='{\n                        paint: {\n                            color: \"#b5c7d2\",\n                            index: 4,\n                            id: 9725,\n                            name: \"811 arctic\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '811 arctic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        811 arctic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a4b9d0\"\n                    data-id='9726'\n                    x-data='{\n                        paint: {\n                            color: \"#a4b9d0\",\n                            index: 4,\n                            id: 9726,\n                            name: \"835 mare\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '835 mare') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        835 mare\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9bb1b6\"\n                    data-id='9727'\n                    x-data='{\n                        paint: {\n                            color: \"#9bb1b6\",\n                            index: 4,\n                            id: 9727,\n                            name: \"787 peppermint\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '787 peppermint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        787 peppermint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d1e2f3\"\n                    data-id='9728'\n                    x-data='{\n                        paint: {\n                            color: \"#d1e2f3\",\n                            index: 4,\n                            id: 9728,\n                            name: \"K55.4 sea cloud\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.4 sea cloud') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.4 sea cloud\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dde8f3\"\n                    data-id='9729'\n                    x-data='{\n                        paint: {\n                            color: \"#dde8f3\",\n                            index: 4,\n                            id: 9729,\n                            name: \"K55.3 alice blue\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.3 alice blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.3 alice blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5edf3\"\n                    data-id='9730'\n                    x-data='{\n                        paint: {\n                            color: \"#e5edf3\",\n                            index: 4,\n                            id: 9730,\n                            name: \"K55.2 crystal blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.2 crystal blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.2 crystal blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecf0f2\"\n                    data-id='9731'\n                    x-data='{\n                        paint: {\n                            color: \"#ecf0f2\",\n                            index: 4,\n                            id: 9731,\n                            name: \"K55.1 ghost white\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.1 ghost white') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.1 ghost white\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aecdf0\"\n                    data-id='9732'\n                    x-data='{\n                        paint: {\n                            color: \"#aecdf0\",\n                            index: 4,\n                            id: 9732,\n                            name: \"K55.7 azul luminoso\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.7 azul luminoso') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.7 azul luminoso\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bed6f2\"\n                    data-id='9733'\n                    x-data='{\n                        paint: {\n                            color: \"#bed6f2\",\n                            index: 4,\n                            id: 9733,\n                            name: \"K55.6 atlantic\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.6 atlantic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.6 atlantic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c9ddf3\"\n                    data-id='9734'\n                    x-data='{\n                        paint: {\n                            color: \"#c9ddf3\",\n                            index: 4,\n                            id: 9734,\n                            name: \"K55.5 la mer\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K55.5 la mer') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K55.5 la mer\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c2d7ea\"\n                    data-id='9735'\n                    x-data='{\n                        paint: {\n                            color: \"#c2d7ea\",\n                            index: 4,\n                            id: 9735,\n                            name: \"K836 calypso\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K836 calypso') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K836 calypso\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2c4d5\"\n                    data-id='9736'\n                    x-data='{\n                        paint: {\n                            color: \"#b2c4d5\",\n                            index: 4,\n                            id: 9736,\n                            name: \"K333 iris\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K333 iris') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K333 iris\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b3ccde\"\n                    data-id='9737'\n                    x-data='{\n                        paint: {\n                            color: \"#b3ccde\",\n                            index: 4,\n                            id: 9737,\n                            name: \"K834 horizon\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K834 horizon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K834 horizon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c4dbde\"\n                    data-id='17837'\n                    x-data='{\n                        paint: {\n                            color: \"#c4dbde\",\n                            index: 4,\n                            id: 17837,\n                            name: \"blue blossom 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue blossom 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue blossom 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2e4e8\"\n                    data-id='17838'\n                    x-data='{\n                        paint: {\n                            color: \"#d2e4e8\",\n                            index: 4,\n                            id: 17838,\n                            name: \"blue blossom 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue blossom 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue blossom 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5b6c80\"\n                    data-id='17844'\n                    x-data='{\n                        paint: {\n                            color: \"#5b6c80\",\n                            index: 4,\n                            id: 17844,\n                            name: \"downpour\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'downpour') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        downpour\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #788ca0\"\n                    data-id='17845'\n                    x-data='{\n                        paint: {\n                            color: \"#788ca0\",\n                            index: 4,\n                            id: 17845,\n                            name: \"downpour 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'downpour 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        downpour 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #93a3b5\"\n                    data-id='17846'\n                    x-data='{\n                        paint: {\n                            color: \"#93a3b5\",\n                            index: 4,\n                            id: 17846,\n                            name: \"downpour 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'downpour 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        downpour 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #acbac8\"\n                    data-id='17847'\n                    x-data='{\n                        paint: {\n                            color: \"#acbac8\",\n                            index: 4,\n                            id: 17847,\n                            name: \"downpour 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'downpour 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        downpour 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c3cdd7\"\n                    data-id='17848'\n                    x-data='{\n                        paint: {\n                            color: \"#c3cdd7\",\n                            index: 4,\n                            id: 17848,\n                            name: \"downpour 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'downpour 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        downpour 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d5dce2\"\n                    data-id='17849'\n                    x-data='{\n                        paint: {\n                            color: \"#d5dce2\",\n                            index: 4,\n                            id: 17849,\n                            name: \"downpour 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'downpour 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        downpour 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #50808b\"\n                    data-id='17950'\n                    x-data='{\n                        paint: {\n                            color: \"#50808b\",\n                            index: 4,\n                            id: 17950,\n                            name: \"rainy night\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rainy night') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rainy night\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6c98a5\"\n                    data-id='17951'\n                    x-data='{\n                        paint: {\n                            color: \"#6c98a5\",\n                            index: 4,\n                            id: 17951,\n                            name: \"rainy night 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rainy night 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rainy night 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8fb4bf\"\n                    data-id='17952'\n                    x-data='{\n                        paint: {\n                            color: \"#8fb4bf\",\n                            index: 4,\n                            id: 17952,\n                            name: \"rainy night 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rainy night 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rainy night 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #acc8d1\"\n                    data-id='17953'\n                    x-data='{\n                        paint: {\n                            color: \"#acc8d1\",\n                            index: 4,\n                            id: 17953,\n                            name: \"rainy night 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rainy night 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rainy night 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c4d9de\"\n                    data-id='17954'\n                    x-data='{\n                        paint: {\n                            color: \"#c4d9de\",\n                            index: 4,\n                            id: 17954,\n                            name: \"rainy night 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rainy night 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rainy night 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6e4e6\"\n                    data-id='17955'\n                    x-data='{\n                        paint: {\n                            color: \"#d6e4e6\",\n                            index: 4,\n                            id: 17955,\n                            name: \"rainy night 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rainy night 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rainy night 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #82b2b0\"\n                    data-id='17970'\n                    x-data='{\n                        paint: {\n                            color: \"#82b2b0\",\n                            index: 4,\n                            id: 17970,\n                            name: \"shimmering sea\",\n                            price_group: \"4\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shimmering sea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shimmering sea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8bb7b6\"\n                    data-id='17971'\n                    x-data='{\n                        paint: {\n                            color: \"#8bb7b6\",\n                            index: 4,\n                            id: 17971,\n                            name: \"shimmering sea 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shimmering sea 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shimmering sea 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #91bbba\"\n                    data-id='17972'\n                    x-data='{\n                        paint: {\n                            color: \"#91bbba\",\n                            index: 4,\n                            id: 17972,\n                            name: \"shimmering sea 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shimmering sea 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shimmering sea 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aececd\"\n                    data-id='17973'\n                    x-data='{\n                        paint: {\n                            color: \"#aececd\",\n                            index: 4,\n                            id: 17973,\n                            name: \"shimmering sea 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shimmering sea 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shimmering sea 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6dddb\"\n                    data-id='17974'\n                    x-data='{\n                        paint: {\n                            color: \"#c6dddb\",\n                            index: 4,\n                            id: 17974,\n                            name: \"shimmering sea 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shimmering sea 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shimmering sea 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8e7e6\"\n                    data-id='17975'\n                    x-data='{\n                        paint: {\n                            color: \"#d8e7e6\",\n                            index: 4,\n                            id: 17975,\n                            name: \"shimmering sea 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shimmering sea 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shimmering sea 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #557a9d\"\n                    data-id='18006'\n                    x-data='{\n                        paint: {\n                            color: \"#557a9d\",\n                            index: 4,\n                            id: 18006,\n                            name: \"whale song\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whale song') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whale song\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6d92b4\"\n                    data-id='18007'\n                    x-data='{\n                        paint: {\n                            color: \"#6d92b4\",\n                            index: 4,\n                            id: 18007,\n                            name: \"whale song 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whale song 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whale song 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #91b0cc\"\n                    data-id='18008'\n                    x-data='{\n                        paint: {\n                            color: \"#91b0cc\",\n                            index: 4,\n                            id: 18008,\n                            name: \"whale song 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whale song 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whale song 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #acc5da\"\n                    data-id='18009'\n                    x-data='{\n                        paint: {\n                            color: \"#acc5da\",\n                            index: 4,\n                            id: 18009,\n                            name: \"whale song 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whale song 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whale song 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c4d6e4\"\n                    data-id='18010'\n                    x-data='{\n                        paint: {\n                            color: \"#c4d6e4\",\n                            index: 4,\n                            id: 18010,\n                            name: \"whale song 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whale song 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whale song 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6e2eb\"\n                    data-id='18011'\n                    x-data='{\n                        paint: {\n                            color: \"#d6e2eb\",\n                            index: 4,\n                            id: 18011,\n                            name: \"whale song 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whale song 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whale song 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #96cddf\"\n                    data-id='18464'\n                    x-data='{\n                        paint: {\n                            color: \"#96cddf\",\n                            index: 4,\n                            id: 18464,\n                            name: \"earth\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'earth') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        earth\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b3cee1\"\n                    data-id='18465'\n                    x-data='{\n                        paint: {\n                            color: \"#b3cee1\",\n                            index: 4,\n                            id: 18465,\n                            name: \"water bubble\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'water bubble') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        water bubble\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #629aa1\"\n                    data-id='18466'\n                    x-data='{\n                        paint: {\n                            color: \"#629aa1\",\n                            index: 4,\n                            id: 18466,\n                            name: \"pigeon\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'pigeon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pigeon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #2d80a6\"\n                    data-id='18467'\n                    x-data='{\n                        paint: {\n                            color: \"#2d80a6\",\n                            index: 4,\n                            id: 18467,\n                            name: \"mystic\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'mystic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #115296\"\n                    data-id='18468'\n                    x-data='{\n                        paint: {\n                            color: \"#115296\",\n                            index: 4,\n                            id: 18468,\n                            name: \"navy\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'navy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        navy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #228b80\"\n                    data-id='18469'\n                    x-data='{\n                        paint: {\n                            color: \"#228b80\",\n                            index: 4,\n                            id: 18469,\n                            name: \"denim\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'denim') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        denim\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #67a7a6\"\n                    data-id='18470'\n                    x-data='{\n                        paint: {\n                            color: \"#67a7a6\",\n                            index: 4,\n                            id: 18470,\n                            name: \"royal blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'royal blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        royal blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8f3e9\"\n                    data-id='18471'\n                    x-data='{\n                        paint: {\n                            color: \"#c8f3e9\",\n                            index: 4,\n                            id: 18471,\n                            name: \"light blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'light blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #2fbda3\"\n                    data-id='18472'\n                    x-data='{\n                        paint: {\n                            color: \"#2fbda3\",\n                            index: 4,\n                            id: 18472,\n                            name: \"turquoise\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'turquoise') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        turquoise\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #95bbac\"\n                    data-id='18473'\n                    x-data='{\n                        paint: {\n                            color: \"#95bbac\",\n                            index: 4,\n                            id: 18473,\n                            name: \"yacht\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['holzlasur', ], 'yacht') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        yacht\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #518a91\"\n                    data-id='17833'\n                    x-data='{\n                        paint: {\n                            color: \"#518a91\",\n                            index: 4,\n                            id: 17833,\n                            name: \"blue blossom\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue blossom') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue blossom\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6b9fa7\"\n                    data-id='17834'\n                    x-data='{\n                        paint: {\n                            color: \"#6b9fa7\",\n                            index: 4,\n                            id: 17834,\n                            name: \"blue blossom 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue blossom 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue blossom 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8fb9c1\"\n                    data-id='17835'\n                    x-data='{\n                        paint: {\n                            color: \"#8fb9c1\",\n                            index: 4,\n                            id: 17835,\n                            name: \"blue blossom 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue blossom 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue blossom 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #acccd1\"\n                    data-id='17836'\n                    x-data='{\n                        paint: {\n                            color: \"#acccd1\",\n                            index: 4,\n                            id: 17836,\n                            name: \"blue blossom 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('blautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue blossom 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue blossom 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9f7074\"\n                    data-id='9738'\n                    x-data='{\n                        paint: {\n                            color: \"#9f7074\",\n                            index: 5,\n                            id: 9738,\n                            name: \"rose wine\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose wine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose wine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1888e\"\n                    data-id='9739'\n                    x-data='{\n                        paint: {\n                            color: \"#b1888e\",\n                            index: 5,\n                            id: 9739,\n                            name: \"rose wine 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose wine 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose wine 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8a9b1\"\n                    data-id='9740'\n                    x-data='{\n                        paint: {\n                            color: \"#c8a9b1\",\n                            index: 5,\n                            id: 9740,\n                            name: \"rose wine 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose wine 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose wine 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8c0c6\"\n                    data-id='9741'\n                    x-data='{\n                        paint: {\n                            color: \"#d8c0c6\",\n                            index: 5,\n                            id: 9741,\n                            name: \"rose wine 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose wine 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose wine 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4d2d6\"\n                    data-id='9742'\n                    x-data='{\n                        paint: {\n                            color: \"#e4d2d6\",\n                            index: 5,\n                            id: 9742,\n                            name: \"rose wine 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose wine 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose wine 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ede0e2\"\n                    data-id='9743'\n                    x-data='{\n                        paint: {\n                            color: \"#ede0e2\",\n                            index: 5,\n                            id: 9743,\n                            name: \"rose wine 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose wine 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose wine 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ae7f89\"\n                    data-id='9744'\n                    x-data='{\n                        paint: {\n                            color: \"#ae7f89\",\n                            index: 5,\n                            id: 9744,\n                            name: \"powder lilac\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'powder lilac') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        powder lilac\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bf97a2\"\n                    data-id='9745'\n                    x-data='{\n                        paint: {\n                            color: \"#bf97a2\",\n                            index: 5,\n                            id: 9745,\n                            name: \"powder lilac 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'powder lilac 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        powder lilac 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3b6c1\"\n                    data-id='9746'\n                    x-data='{\n                        paint: {\n                            color: \"#d3b6c1\",\n                            index: 5,\n                            id: 9746,\n                            name: \"powder lilac 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'powder lilac 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        powder lilac 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e0cad2\"\n                    data-id='9747'\n                    x-data='{\n                        paint: {\n                            color: \"#e0cad2\",\n                            index: 5,\n                            id: 9747,\n                            name: \"powder lilac 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'powder lilac 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        powder lilac 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eadadf\"\n                    data-id='9748'\n                    x-data='{\n                        paint: {\n                            color: \"#eadadf\",\n                            index: 5,\n                            id: 9748,\n                            name: \"powder lilac 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'powder lilac 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        powder lilac 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f0e6e8\"\n                    data-id='9749'\n                    x-data='{\n                        paint: {\n                            color: \"#f0e6e8\",\n                            index: 5,\n                            id: 9749,\n                            name: \"powder lilac 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'powder lilac 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        powder lilac 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b98c9c\"\n                    data-id='9750'\n                    x-data='{\n                        paint: {\n                            color: \"#b98c9c\",\n                            index: 5,\n                            id: 9750,\n                            name: \"nostalgia lilac\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nostalgia lilac') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nostalgia lilac\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c9a3b3\"\n                    data-id='9751'\n                    x-data='{\n                        paint: {\n                            color: \"#c9a3b3\",\n                            index: 5,\n                            id: 9751,\n                            name: \"nostalgia lilac 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nostalgia lilac 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nostalgia lilac 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcc0ce\"\n                    data-id='9752'\n                    x-data='{\n                        paint: {\n                            color: \"#dcc0ce\",\n                            index: 5,\n                            id: 9752,\n                            name: \"nostalgia lilac 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nostalgia lilac 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nostalgia lilac 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6d2db\"\n                    data-id='9753'\n                    x-data='{\n                        paint: {\n                            color: \"#e6d2db\",\n                            index: 5,\n                            id: 9753,\n                            name: \"nostalgia lilac 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nostalgia lilac 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nostalgia lilac 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eee0e5\"\n                    data-id='9754'\n                    x-data='{\n                        paint: {\n                            color: \"#eee0e5\",\n                            index: 5,\n                            id: 9754,\n                            name: \"nostalgia lilac 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nostalgia lilac 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nostalgia lilac 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3eaec\"\n                    data-id='9755'\n                    x-data='{\n                        paint: {\n                            color: \"#f3eaec\",\n                            index: 5,\n                            id: 9755,\n                            name: \"nostalgia lilac 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nostalgia lilac 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nostalgia lilac 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c396b0\"\n                    data-id='9756'\n                    x-data='{\n                        paint: {\n                            color: \"#c396b0\",\n                            index: 5,\n                            id: 9756,\n                            name: \"velvet touch\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'velvet touch') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        velvet touch\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2adc3\"\n                    data-id='9757'\n                    x-data='{\n                        paint: {\n                            color: \"#d2adc3\",\n                            index: 5,\n                            id: 9757,\n                            name: \"velvet touch 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'velvet touch 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        velvet touch 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2c8d9\"\n                    data-id='9758'\n                    x-data='{\n                        paint: {\n                            color: \"#e2c8d9\",\n                            index: 5,\n                            id: 9758,\n                            name: \"velvet touch 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'velvet touch 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        velvet touch 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebd8e3\"\n                    data-id='9759'\n                    x-data='{\n                        paint: {\n                            color: \"#ebd8e3\",\n                            index: 5,\n                            id: 9759,\n                            name: \"velvet touch 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'velvet touch 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        velvet touch 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1e4eb\"\n                    data-id='9760'\n                    x-data='{\n                        paint: {\n                            color: \"#f1e4eb\",\n                            index: 5,\n                            id: 9760,\n                            name: \"velvet touch 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'velvet touch 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        velvet touch 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f6edf0\"\n                    data-id='9761'\n                    x-data='{\n                        paint: {\n                            color: \"#f6edf0\",\n                            index: 5,\n                            id: 9761,\n                            name: \"velvet touch 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'velvet touch 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        velvet touch 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ce9ec6\"\n                    data-id='9762'\n                    x-data='{\n                        paint: {\n                            color: \"#ce9ec6\",\n                            index: 5,\n                            id: 9762,\n                            name: \"rose shade\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose shade') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose shade\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbb4d4\"\n                    data-id='9763'\n                    x-data='{\n                        paint: {\n                            color: \"#dbb4d4\",\n                            index: 5,\n                            id: 9763,\n                            name: \"rose shade 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose shade 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose shade 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8cde3\"\n                    data-id='9764'\n                    x-data='{\n                        paint: {\n                            color: \"#e8cde3\",\n                            index: 5,\n                            id: 9764,\n                            name: \"rose shade 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose shade 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose shade 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efdcea\"\n                    data-id='9765'\n                    x-data='{\n                        paint: {\n                            color: \"#efdcea\",\n                            index: 5,\n                            id: 9765,\n                            name: \"rose shade 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose shade 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose shade 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4e7ef\"\n                    data-id='9766'\n                    x-data='{\n                        paint: {\n                            color: \"#f4e7ef\",\n                            index: 5,\n                            id: 9766,\n                            name: \"rose shade 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose shade 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose shade 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f7eef1\"\n                    data-id='9767'\n                    x-data='{\n                        paint: {\n                            color: \"#f7eef1\",\n                            index: 5,\n                            id: 9767,\n                            name: \"rose shade 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose shade 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose shade 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c49bc7\"\n                    data-id='9768'\n                    x-data='{\n                        paint: {\n                            color: \"#c49bc7\",\n                            index: 5,\n                            id: 9768,\n                            name: \"azalea\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'azalea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        azalea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3b2d4\"\n                    data-id='9769'\n                    x-data='{\n                        paint: {\n                            color: \"#d3b2d4\",\n                            index: 5,\n                            id: 9769,\n                            name: \"azalea 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'azalea 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        azalea 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2cce4\"\n                    data-id='9770'\n                    x-data='{\n                        paint: {\n                            color: \"#e2cce4\",\n                            index: 5,\n                            id: 9770,\n                            name: \"azalea 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'azalea 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        azalea 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebdbea\"\n                    data-id='9771'\n                    x-data='{\n                        paint: {\n                            color: \"#ebdbea\",\n                            index: 5,\n                            id: 9771,\n                            name: \"azalea 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'azalea 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        azalea 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1e6ef\"\n                    data-id='9772'\n                    x-data='{\n                        paint: {\n                            color: \"#f1e6ef\",\n                            index: 5,\n                            id: 9772,\n                            name: \"azalea 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'azalea 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        azalea 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5eef1\"\n                    data-id='9773'\n                    x-data='{\n                        paint: {\n                            color: \"#f5eef1\",\n                            index: 5,\n                            id: 9773,\n                            name: \"azalea 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'azalea 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        azalea 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b898c8\"\n                    data-id='9774'\n                    x-data='{\n                        paint: {\n                            color: \"#b898c8\",\n                            index: 5,\n                            id: 9774,\n                            name: \"lilac whisper\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac whisper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac whisper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c9afd5\"\n                    data-id='9775'\n                    x-data='{\n                        paint: {\n                            color: \"#c9afd5\",\n                            index: 5,\n                            id: 9775,\n                            name: \"lilac whisper 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac whisper 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac whisper 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbcae4\"\n                    data-id='9776'\n                    x-data='{\n                        paint: {\n                            color: \"#dbcae4\",\n                            index: 5,\n                            id: 9776,\n                            name: \"lilac whisper 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac whisper 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac whisper 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6daeb\"\n                    data-id='9777'\n                    x-data='{\n                        paint: {\n                            color: \"#e6daeb\",\n                            index: 5,\n                            id: 9777,\n                            name: \"lilac whisper 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac whisper 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac whisper 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eee5ef\"\n                    data-id='9778'\n                    x-data='{\n                        paint: {\n                            color: \"#eee5ef\",\n                            index: 5,\n                            id: 9778,\n                            name: \"lilac whisper 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac whisper 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac whisper 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3edf1\"\n                    data-id='9779'\n                    x-data='{\n                        paint: {\n                            color: \"#f3edf1\",\n                            index: 5,\n                            id: 9779,\n                            name: \"lilac whisper 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac whisper 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac whisper 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a993c8\"\n                    data-id='9780'\n                    x-data='{\n                        paint: {\n                            color: \"#a993c8\",\n                            index: 5,\n                            id: 9780,\n                            name: \"lavender posey\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender posey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender posey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bcacd6\"\n                    data-id='9781'\n                    x-data='{\n                        paint: {\n                            color: \"#bcacd6\",\n                            index: 5,\n                            id: 9781,\n                            name: \"lavender posey 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender posey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender posey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2c8e5\"\n                    data-id='9782'\n                    x-data='{\n                        paint: {\n                            color: \"#d2c8e5\",\n                            index: 5,\n                            id: 9782,\n                            name: \"lavender posey 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender posey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender posey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dfd8eb\"\n                    data-id='9783'\n                    x-data='{\n                        paint: {\n                            color: \"#dfd8eb\",\n                            index: 5,\n                            id: 9783,\n                            name: \"lavender posey 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender posey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender posey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9e4ef\"\n                    data-id='9784'\n                    x-data='{\n                        paint: {\n                            color: \"#e9e4ef\",\n                            index: 5,\n                            id: 9784,\n                            name: \"lavender posey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender posey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender posey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f0ecf2\"\n                    data-id='9785'\n                    x-data='{\n                        paint: {\n                            color: \"#f0ecf2\",\n                            index: 5,\n                            id: 9785,\n                            name: \"lavender posey 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender posey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender posey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #938cca\"\n                    data-id='9786'\n                    x-data='{\n                        paint: {\n                            color: \"#938cca\",\n                            index: 5,\n                            id: 9786,\n                            name: \"lavender\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a8a5d7\"\n                    data-id='9787'\n                    x-data='{\n                        paint: {\n                            color: \"#a8a5d7\",\n                            index: 5,\n                            id: 9787,\n                            name: \"lavender 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c4c4e6\"\n                    data-id='9788'\n                    x-data='{\n                        paint: {\n                            color: \"#c4c4e6\",\n                            index: 5,\n                            id: 9788,\n                            name: \"lavender 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d5d5ec\"\n                    data-id='9789'\n                    x-data='{\n                        paint: {\n                            color: \"#d5d5ec\",\n                            index: 5,\n                            id: 9789,\n                            name: \"lavender 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2e2f0\"\n                    data-id='9790'\n                    x-data='{\n                        paint: {\n                            color: \"#e2e2f0\",\n                            index: 5,\n                            id: 9790,\n                            name: \"lavender 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebebf2\"\n                    data-id='9791'\n                    x-data='{\n                        paint: {\n                            color: \"#ebebf2\",\n                            index: 5,\n                            id: 9791,\n                            name: \"lavender 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lavender 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lavender 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7682cc\"\n                    data-id='9792'\n                    x-data='{\n                        paint: {\n                            color: \"#7682cc\",\n                            index: 5,\n                            id: 9792,\n                            name: \"crocus\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'crocus') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        crocus\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8e9dd9\"\n                    data-id='9793'\n                    x-data='{\n                        paint: {\n                            color: \"#8e9dd9\",\n                            index: 5,\n                            id: 9793,\n                            name: \"crocus 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'crocus 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        crocus 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #afbde7\"\n                    data-id='9794'\n                    x-data='{\n                        paint: {\n                            color: \"#afbde7\",\n                            index: 5,\n                            id: 9794,\n                            name: \"crocus 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'crocus 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        crocus 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c5d0ed\"\n                    data-id='9795'\n                    x-data='{\n                        paint: {\n                            color: \"#c5d0ed\",\n                            index: 5,\n                            id: 9795,\n                            name: \"crocus 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'crocus 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        crocus 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6def1\"\n                    data-id='9796'\n                    x-data='{\n                        paint: {\n                            color: \"#d6def1\",\n                            index: 5,\n                            id: 9796,\n                            name: \"crocus 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'crocus 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        crocus 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3e9f2\"\n                    data-id='9797'\n                    x-data='{\n                        paint: {\n                            color: \"#e3e9f2\",\n                            index: 5,\n                            id: 9797,\n                            name: \"crocus 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'crocus 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        crocus 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b68c91\"\n                    data-id='9798'\n                    x-data='{\n                        paint: {\n                            color: \"#b68c91\",\n                            index: 5,\n                            id: 9798,\n                            name: \"30.4 rosy brown\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '30.4 rosy brown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        30.4 rosy brown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7a2a6\"\n                    data-id='9799'\n                    x-data='{\n                        paint: {\n                            color: \"#c7a2a6\",\n                            index: 5,\n                            id: 9799,\n                            name: \"30.3 flirt\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '30.3 flirt') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        30.3 flirt\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3b3b7\"\n                    data-id='9800'\n                    x-data='{\n                        paint: {\n                            color: \"#d3b3b7\",\n                            index: 5,\n                            id: 9800,\n                            name: \"30.2 misty rose\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '30.2 misty rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        30.2 misty rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dfc4c6\"\n                    data-id='9801'\n                    x-data='{\n                        paint: {\n                            color: \"#dfc4c6\",\n                            index: 5,\n                            id: 9801,\n                            name: \"30.1 cupcake\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '30.1 cupcake') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        30.1 cupcake\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8995bb\"\n                    data-id='9802'\n                    x-data='{\n                        paint: {\n                            color: \"#8995bb\",\n                            index: 5,\n                            id: 9802,\n                            name: \"330 violet\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '330 violet') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        330 violet\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9b9eb9\"\n                    data-id='9803'\n                    x-data='{\n                        paint: {\n                            color: \"#9b9eb9\",\n                            index: 5,\n                            id: 9803,\n                            name: \"362 lavendula\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '362 lavendula') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        362 lavendula\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a9aec6\"\n                    data-id='9804'\n                    x-data='{\n                        paint: {\n                            color: \"#a9aec6\",\n                            index: 5,\n                            id: 9804,\n                            name: \"356 provence\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '356 provence') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        356 provence\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cec6cf\"\n                    data-id='9805'\n                    x-data='{\n                        paint: {\n                            color: \"#cec6cf\",\n                            index: 5,\n                            id: 9805,\n                            name: \"360 french powder\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '360 french powder') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        360 french powder\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ac9ead\"\n                    data-id='9806'\n                    x-data='{\n                        paint: {\n                            color: \"#ac9ead\",\n                            index: 5,\n                            id: 9806,\n                            name: \"359 hyazinth\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '359 hyazinth') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        359 hyazinth\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #adb3cb\"\n                    data-id='9807'\n                    x-data='{\n                        paint: {\n                            color: \"#adb3cb\",\n                            index: 5,\n                            id: 9807,\n                            name: \"361 cosmic\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '361 cosmic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        361 cosmic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #757c93\"\n                    data-id='9808'\n                    x-data='{\n                        paint: {\n                            color: \"#757c93\",\n                            index: 5,\n                            id: 9808,\n                            name: \"880 smoke blue\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '880 smoke blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        880 smoke blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aba4b6\"\n                    data-id='9809'\n                    x-data='{\n                        paint: {\n                            color: \"#aba4b6\",\n                            index: 5,\n                            id: 9809,\n                            name: \"433 orchid\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '433 orchid') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        433 orchid\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #928ea5\"\n                    data-id='9810'\n                    x-data='{\n                        paint: {\n                            color: \"#928ea5\",\n                            index: 5,\n                            id: 9810,\n                            name: \"363 french lilac\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '363 french lilac') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        363 french lilac\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9a91a5\"\n                    data-id='9811'\n                    x-data='{\n                        paint: {\n                            color: \"#9a91a5\",\n                            index: 5,\n                            id: 9811,\n                            name: \"357 viola\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '357 viola') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        357 viola\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bf9da3\"\n                    data-id='9812'\n                    x-data='{\n                        paint: {\n                            color: \"#bf9da3\",\n                            index: 5,\n                            id: 9812,\n                            name: \"430 pink lady\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '430 pink lady') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        430 pink lady\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a48792\"\n                    data-id='9813'\n                    x-data='{\n                        paint: {\n                            color: \"#a48792\",\n                            index: 5,\n                            id: 9813,\n                            name: \"478 jelly bean\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '478 jelly bean') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        478 jelly bean\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8f717d\"\n                    data-id='9814'\n                    x-data='{\n                        paint: {\n                            color: \"#8f717d\",\n                            index: 5,\n                            id: 9814,\n                            name: \"522 damson plum\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '522 damson plum') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        522 damson plum\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3b2ad\"\n                    data-id='9815'\n                    x-data='{\n                        paint: {\n                            color: \"#d3b2ad\",\n                            index: 5,\n                            id: 9815,\n                            name: \"585 piggy\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '585 piggy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        585 piggy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2a6ae\"\n                    data-id='9816'\n                    x-data='{\n                        paint: {\n                            color: \"#b2a6ae\",\n                            index: 5,\n                            id: 9816,\n                            name: \"586 pink marble\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '586 pink marble') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        586 pink marble\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9c8682\"\n                    data-id='9817'\n                    x-data='{\n                        paint: {\n                            color: \"#9c8682\",\n                            index: 5,\n                            id: 9817,\n                            name: \"459 urban brown\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '459 urban brown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        459 urban brown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b68d93\"\n                    data-id='9818'\n                    x-data='{\n                        paint: {\n                            color: \"#b68d93\",\n                            index: 5,\n                            id: 9818,\n                            name: \"475 passion violet\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '475 passion violet') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        475 passion violet\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d1bfc5\"\n                    data-id='9819'\n                    x-data='{\n                        paint: {\n                            color: \"#d1bfc5\",\n                            index: 5,\n                            id: 9819,\n                            name: \"358 lipgloss\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '358 lipgloss') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        358 lipgloss\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddc0b9\"\n                    data-id='9820'\n                    x-data='{\n                        paint: {\n                            color: \"#ddc0b9\",\n                            index: 5,\n                            id: 9820,\n                            name: \"100 powder\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '100 powder') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        100 powder\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9bec1\"\n                    data-id='9821'\n                    x-data='{\n                        paint: {\n                            color: \"#d9bec1\",\n                            index: 5,\n                            id: 9821,\n                            name: \"K45.4 malva\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.4 malva') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.4 malva\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2cdd0\"\n                    data-id='9822'\n                    x-data='{\n                        paint: {\n                            color: \"#e2cdd0\",\n                            index: 5,\n                            id: 9822,\n                            name: \"K45.3 vintage rose\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.3 vintage rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.3 vintage rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9d8da\"\n                    data-id='9823'\n                    x-data='{\n                        paint: {\n                            color: \"#e9d8da\",\n                            index: 5,\n                            id: 9823,\n                            name: \"K45.2 eye shadow\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.2 eye shadow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.2 eye shadow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eee2e2\"\n                    data-id='9824'\n                    x-data='{\n                        paint: {\n                            color: \"#eee2e2\",\n                            index: 5,\n                            id: 9824,\n                            name: \"K45.1 almond parfait\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.1 almond parfait') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.1 almond parfait\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bd9498\"\n                    data-id='9825'\n                    x-data='{\n                        paint: {\n                            color: \"#bd9498\",\n                            index: 5,\n                            id: 9825,\n                            name: \"K45.7 prune\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.7 prune') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.7 prune\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #caa9ad\"\n                    data-id='9826'\n                    x-data='{\n                        paint: {\n                            color: \"#caa9ad\",\n                            index: 5,\n                            id: 9826,\n                            name: \"K45.6 nostalgia\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.6 nostalgia') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.6 nostalgia\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2b3b6\"\n                    data-id='9827'\n                    x-data='{\n                        paint: {\n                            color: \"#d2b3b6\",\n                            index: 5,\n                            id: 9827,\n                            name: \"K45.5 cosmea\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K45.5 cosmea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K45.5 cosmea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3bcb7\"\n                    data-id='9828'\n                    x-data='{\n                        paint: {\n                            color: \"#d3bcb7\",\n                            index: 5,\n                            id: 9828,\n                            name: \"K85.4 lilac\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.4 lilac') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.4 lilac\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbcac8\"\n                    data-id='9829'\n                    x-data='{\n                        paint: {\n                            color: \"#dbcac8\",\n                            index: 5,\n                            id: 9829,\n                            name: \"K85.3 antique paper\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.3 antique paper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.3 antique paper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5d8d7\"\n                    data-id='9830'\n                    x-data='{\n                        paint: {\n                            color: \"#e5d8d7\",\n                            index: 5,\n                            id: 9830,\n                            name: \"K85.2 shadow rose\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.2 shadow rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.2 shadow rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ede2e1\"\n                    data-id='9831'\n                    x-data='{\n                        paint: {\n                            color: \"#ede2e1\",\n                            index: 5,\n                            id: 9831,\n                            name: \"K85.1 almond mousse\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.1 almond mousse') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.1 almond mousse\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #af8c85\"\n                    data-id='9832'\n                    x-data='{\n                        paint: {\n                            color: \"#af8c85\",\n                            index: 5,\n                            id: 9832,\n                            name: \"K85.7 mushroom\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.7 mushroom') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.7 mushroom\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c1a39c\"\n                    data-id='9833'\n                    x-data='{\n                        paint: {\n                            color: \"#c1a39c\",\n                            index: 5,\n                            id: 9833,\n                            name: \"K85.6 shabby rose\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.6 shabby rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.6 shabby rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c9afa9\"\n                    data-id='9834'\n                    x-data='{\n                        paint: {\n                            color: \"#c9afa9\",\n                            index: 5,\n                            id: 9834,\n                            name: \"K85.5 dahlia\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K85.5 dahlia') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K85.5 dahlia\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cb9c97\"\n                    data-id='9835'\n                    x-data='{\n                        paint: {\n                            color: \"#cb9c97\",\n                            index: 5,\n                            id: 9835,\n                            name: \"K707 ribbon\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K707 ribbon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K707 ribbon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9d8997\"\n                    data-id='17891'\n                    x-data='{\n                        paint: {\n                            color: \"#9d8997\",\n                            index: 5,\n                            id: 17891,\n                            name: \"grape juice 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grape juice 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grape juice 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b5a4b0\"\n                    data-id='17892'\n                    x-data='{\n                        paint: {\n                            color: \"#b5a4b0\",\n                            index: 5,\n                            id: 17892,\n                            name: \"grape juice 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grape juice 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grape juice 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c9bbc5\"\n                    data-id='17893'\n                    x-data='{\n                        paint: {\n                            color: \"#c9bbc5\",\n                            index: 5,\n                            id: 17893,\n                            name: \"grape juice 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grape juice 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grape juice 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8ced5\"\n                    data-id='17894'\n                    x-data='{\n                        paint: {\n                            color: \"#d8ced5\",\n                            index: 5,\n                            id: 17894,\n                            name: \"grape juice 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grape juice 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grape juice 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5dde1\"\n                    data-id='17895'\n                    x-data='{\n                        paint: {\n                            color: \"#e5dde1\",\n                            index: 5,\n                            id: 17895,\n                            name: \"grape juice 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grape juice 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grape juice 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #968aa8\"\n                    data-id='17943'\n                    x-data='{\n                        paint: {\n                            color: \"#968aa8\",\n                            index: 5,\n                            id: 17943,\n                            name: \"purple mystery\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'purple mystery') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple mystery\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aca2be\"\n                    data-id='17944'\n                    x-data='{\n                        paint: {\n                            color: \"#aca2be\",\n                            index: 5,\n                            id: 17944,\n                            name: \"purple mystery 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'purple mystery 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple mystery 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6bcd0\"\n                    data-id='17945'\n                    x-data='{\n                        paint: {\n                            color: \"#c6bcd0\",\n                            index: 5,\n                            id: 17945,\n                            name: \"purple mystery 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'purple mystery 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple mystery 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6cfdd\"\n                    data-id='17946'\n                    x-data='{\n                        paint: {\n                            color: \"#d6cfdd\",\n                            index: 5,\n                            id: 17946,\n                            name: \"purple mystery 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'purple mystery 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple mystery 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2dee6\"\n                    data-id='17947'\n                    x-data='{\n                        paint: {\n                            color: \"#e2dee6\",\n                            index: 5,\n                            id: 17947,\n                            name: \"purple mystery 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'purple mystery 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple mystery 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebe8ec\"\n                    data-id='17948'\n                    x-data='{\n                        paint: {\n                            color: \"#ebe8ec\",\n                            index: 5,\n                            id: 17948,\n                            name: \"purple mystery 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'purple mystery 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple mystery 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9088a9\"\n                    data-id='17993'\n                    x-data='{\n                        paint: {\n                            color: \"#9088a9\",\n                            index: 5,\n                            id: 17993,\n                            name: \"violet harmony\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet harmony') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet harmony\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a59fbc\"\n                    data-id='17994'\n                    x-data='{\n                        paint: {\n                            color: \"#a59fbc\",\n                            index: 5,\n                            id: 17994,\n                            name: \"violet harmony 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet harmony 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet harmony 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bfbacf\"\n                    data-id='17995'\n                    x-data='{\n                        paint: {\n                            color: \"#bfbacf\",\n                            index: 5,\n                            id: 17995,\n                            name: \"violet harmony 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet harmony 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet harmony 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0cddd\"\n                    data-id='17996'\n                    x-data='{\n                        paint: {\n                            color: \"#d0cddd\",\n                            index: 5,\n                            id: 17996,\n                            name: \"violet harmony 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet harmony 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet harmony 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dedce6\"\n                    data-id='17997'\n                    x-data='{\n                        paint: {\n                            color: \"#dedce6\",\n                            index: 5,\n                            id: 17997,\n                            name: \"violet harmony 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet harmony 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet harmony 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8e7ec\"\n                    data-id='17998'\n                    x-data='{\n                        paint: {\n                            color: \"#e8e7ec\",\n                            index: 5,\n                            id: 17998,\n                            name: \"violet harmony 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet harmony 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet harmony 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ab899f\"\n                    data-id='18460'\n                    x-data='{\n                        paint: {\n                            color: \"#ab899f\",\n                            index: 5,\n                            id: 18460,\n                            name: \"purple\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['holzlasur', ], 'purple') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        purple\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b88581\"\n                    data-id='18461'\n                    x-data='{\n                        paint: {\n                            color: \"#b88581\",\n                            index: 5,\n                            id: 18461,\n                            name: \"cherry blossom\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['holzlasur', ], 'cherry blossom') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cherry blossom\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebc6f2\"\n                    data-id='18462'\n                    x-data='{\n                        paint: {\n                            color: \"#ebc6f2\",\n                            index: 5,\n                            id: 18462,\n                            name: \"cotton candy\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['holzlasur', ], 'cotton candy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cotton candy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8c6e0\"\n                    data-id='18463'\n                    x-data='{\n                        paint: {\n                            color: \"#c8c6e0\",\n                            index: 5,\n                            id: 18463,\n                            name: \"flowerista\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['holzlasur', ], 'flowerista') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        flowerista\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #866e7c\"\n                    data-id='17890'\n                    x-data='{\n                        paint: {\n                            color: \"#866e7c\",\n                            index: 5,\n                            id: 17890,\n                            name: \"grape juice\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('violetttoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grape juice') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grape juice\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aa824f\"\n                    data-id='9836'\n                    x-data='{\n                        paint: {\n                            color: \"#aa824f\",\n                            index: 6,\n                            id: 9836,\n                            name: \"serengeti\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'serengeti') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        serengeti\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b6905d\"\n                    data-id='9837'\n                    x-data='{\n                        paint: {\n                            color: \"#b6905d\",\n                            index: 6,\n                            id: 9837,\n                            name: \"serengeti 05\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'serengeti 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        serengeti 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ccac80\"\n                    data-id='9838'\n                    x-data='{\n                        paint: {\n                            color: \"#ccac80\",\n                            index: 6,\n                            id: 9838,\n                            name: \"serengeti 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'serengeti 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        serengeti 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbc09a\"\n                    data-id='9839'\n                    x-data='{\n                        paint: {\n                            color: \"#dbc09a\",\n                            index: 6,\n                            id: 9839,\n                            name: \"serengeti 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'serengeti 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        serengeti 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7d2b3\"\n                    data-id='9840'\n                    x-data='{\n                        paint: {\n                            color: \"#e7d2b3\",\n                            index: 6,\n                            id: 9840,\n                            name: \"serengeti 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'serengeti 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        serengeti 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eee0c8\"\n                    data-id='9841'\n                    x-data='{\n                        paint: {\n                            color: \"#eee0c8\",\n                            index: 6,\n                            id: 9841,\n                            name: \"serengeti 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'serengeti 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        serengeti 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #946a46\"\n                    data-id='9842'\n                    x-data='{\n                        paint: {\n                            color: \"#946a46\",\n                            index: 6,\n                            id: 9842,\n                            name: \"macadamia\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'macadamia') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        macadamia\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a27956\"\n                    data-id='9843'\n                    x-data='{\n                        paint: {\n                            color: \"#a27956\",\n                            index: 6,\n                            id: 9843,\n                            name: \"macadamia 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'macadamia 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        macadamia 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bb9679\"\n                    data-id='9844'\n                    x-data='{\n                        paint: {\n                            color: \"#bb9679\",\n                            index: 6,\n                            id: 9844,\n                            name: \"macadamia 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'macadamia 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        macadamia 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ceae93\"\n                    data-id='9845'\n                    x-data='{\n                        paint: {\n                            color: \"#ceae93\",\n                            index: 6,\n                            id: 9845,\n                            name: \"macadamia 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'macadamia 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        macadamia 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddc4ad\"\n                    data-id='9846'\n                    x-data='{\n                        paint: {\n                            color: \"#ddc4ad\",\n                            index: 6,\n                            id: 9846,\n                            name: \"macadamia 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'macadamia 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        macadamia 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8d6c4\"\n                    data-id='9847'\n                    x-data='{\n                        paint: {\n                            color: \"#e8d6c4\",\n                            index: 6,\n                            id: 9847,\n                            name: \"macadamia 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'macadamia 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        macadamia 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #88694f\"\n                    data-id='9848'\n                    x-data='{\n                        paint: {\n                            color: \"#88694f\",\n                            index: 6,\n                            id: 9848,\n                            name: \"hazelnut\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hazelnut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hazelnut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #96785e\"\n                    data-id='9849'\n                    x-data='{\n                        paint: {\n                            color: \"#96785e\",\n                            index: 6,\n                            id: 9849,\n                            name: \"hazelnut 05\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hazelnut 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hazelnut 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b09781\"\n                    data-id='9850'\n                    x-data='{\n                        paint: {\n                            color: \"#b09781\",\n                            index: 6,\n                            id: 9850,\n                            name: \"hazelnut 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hazelnut 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hazelnut 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c5af9b\"\n                    data-id='9851'\n                    x-data='{\n                        paint: {\n                            color: \"#c5af9b\",\n                            index: 6,\n                            id: 9851,\n                            name: \"hazelnut 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hazelnut 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hazelnut 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6c5b4\"\n                    data-id='9852'\n                    x-data='{\n                        paint: {\n                            color: \"#d6c5b4\",\n                            index: 6,\n                            id: 9852,\n                            name: \"hazelnut 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hazelnut 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hazelnut 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4d6c9\"\n                    data-id='9853'\n                    x-data='{\n                        paint: {\n                            color: \"#e4d6c9\",\n                            index: 6,\n                            id: 9853,\n                            name: \"hazelnut 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hazelnut 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hazelnut 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8e664c\"\n                    data-id='9854'\n                    x-data='{\n                        paint: {\n                            color: \"#8e664c\",\n                            index: 6,\n                            id: 9854,\n                            name: \"rolling tobacco\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rolling tobacco') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rolling tobacco\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9b755b\"\n                    data-id='9855'\n                    x-data='{\n                        paint: {\n                            color: \"#9b755b\",\n                            index: 6,\n                            id: 9855,\n                            name: \"rolling tobacco 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rolling tobacco 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rolling tobacco 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b4927d\"\n                    data-id='9856'\n                    x-data='{\n                        paint: {\n                            color: \"#b4927d\",\n                            index: 6,\n                            id: 9856,\n                            name: \"rolling tobacco 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rolling tobacco 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rolling tobacco 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c8ab97\"\n                    data-id='9857'\n                    x-data='{\n                        paint: {\n                            color: \"#c8ab97\",\n                            index: 6,\n                            id: 9857,\n                            name: \"rolling tobacco 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rolling tobacco 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rolling tobacco 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9c1b1\"\n                    data-id='9858'\n                    x-data='{\n                        paint: {\n                            color: \"#d9c1b1\",\n                            index: 6,\n                            id: 9858,\n                            name: \"rolling tobacco 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rolling tobacco 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rolling tobacco 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5d4c6\"\n                    data-id='9859'\n                    x-data='{\n                        paint: {\n                            color: \"#e5d4c6\",\n                            index: 6,\n                            id: 9859,\n                            name: \"rolling tobacco 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rolling tobacco 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rolling tobacco 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #87604a\"\n                    data-id='9860'\n                    x-data='{\n                        paint: {\n                            color: \"#87604a\",\n                            index: 6,\n                            id: 9860,\n                            name: \"nutmeg brown\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nutmeg brown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nutmeg brown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #956e59\"\n                    data-id='9861'\n                    x-data='{\n                        paint: {\n                            color: \"#956e59\",\n                            index: 6,\n                            id: 9861,\n                            name: \"nutmeg brown 05\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nutmeg brown 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nutmeg brown 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ae8c7c\"\n                    data-id='9862'\n                    x-data='{\n                        paint: {\n                            color: \"#ae8c7c\",\n                            index: 6,\n                            id: 9862,\n                            name: \"nutmeg brown 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nutmeg brown 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nutmeg brown 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c4a596\"\n                    data-id='9863'\n                    x-data='{\n                        paint: {\n                            color: \"#c4a596\",\n                            index: 6,\n                            id: 9863,\n                            name: \"nutmeg brown 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nutmeg brown 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nutmeg brown 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d6bdaf\"\n                    data-id='9864'\n                    x-data='{\n                        paint: {\n                            color: \"#d6bdaf\",\n                            index: 6,\n                            id: 9864,\n                            name: \"nutmeg brown 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nutmeg brown 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nutmeg brown 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3cbc0\"\n                    data-id='9865'\n                    x-data='{\n                        paint: {\n                            color: \"#e3cbc0\",\n                            index: 6,\n                            id: 9865,\n                            name: \"nutmeg brown 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'nutmeg brown 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        nutmeg brown 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #816650\"\n                    data-id='9866'\n                    x-data='{\n                        paint: {\n                            color: \"#816650\",\n                            index: 6,\n                            id: 9866,\n                            name: \"beige brown\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'beige brown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        beige brown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #90755f\"\n                    data-id='9867'\n                    x-data='{\n                        paint: {\n                            color: \"#90755f\",\n                            index: 6,\n                            id: 9867,\n                            name: \"beige brown 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'beige brown 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        beige brown 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aa9482\"\n                    data-id='9868'\n                    x-data='{\n                        paint: {\n                            color: \"#aa9482\",\n                            index: 6,\n                            id: 9868,\n                            name: \"beige brown 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'beige brown 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        beige brown 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c0ac9b\"\n                    data-id='9869'\n                    x-data='{\n                        paint: {\n                            color: \"#c0ac9b\",\n                            index: 6,\n                            id: 9869,\n                            name: \"beige brown 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'beige brown 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        beige brown 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2c2b4\"\n                    data-id='9870'\n                    x-data='{\n                        paint: {\n                            color: \"#d2c2b4\",\n                            index: 6,\n                            id: 9870,\n                            name: \"beige brown 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'beige brown 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        beige brown 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1d5c9\"\n                    data-id='9871'\n                    x-data='{\n                        paint: {\n                            color: \"#e1d5c9\",\n                            index: 6,\n                            id: 9871,\n                            name: \"beige brown 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'beige brown 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        beige brown 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7d644f\"\n                    data-id='9872'\n                    x-data='{\n                        paint: {\n                            color: \"#7d644f\",\n                            index: 6,\n                            id: 9872,\n                            name: \"havana cigar\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'havana cigar') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        havana cigar\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8c7460\"\n                    data-id='9873'\n                    x-data='{\n                        paint: {\n                            color: \"#8c7460\",\n                            index: 6,\n                            id: 9873,\n                            name: \"havana cigar 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'havana cigar 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        havana cigar 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a79383\"\n                    data-id='9874'\n                    x-data='{\n                        paint: {\n                            color: \"#a79383\",\n                            index: 6,\n                            id: 9874,\n                            name: \"havana cigar 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'havana cigar 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        havana cigar 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bdab9d\"\n                    data-id='9875'\n                    x-data='{\n                        paint: {\n                            color: \"#bdab9d\",\n                            index: 6,\n                            id: 9875,\n                            name: \"havana cigar 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'havana cigar 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        havana cigar 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d1c2b6\"\n                    data-id='9876'\n                    x-data='{\n                        paint: {\n                            color: \"#d1c2b6\",\n                            index: 6,\n                            id: 9876,\n                            name: \"havana cigar 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'havana cigar 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        havana cigar 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dfd4ca\"\n                    data-id='9877'\n                    x-data='{\n                        paint: {\n                            color: \"#dfd4ca\",\n                            index: 6,\n                            id: 9877,\n                            name: \"havana cigar 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'havana cigar 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        havana cigar 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6d564d\"\n                    data-id='9878'\n                    x-data='{\n                        paint: {\n                            color: \"#6d564d\",\n                            index: 6,\n                            id: 9878,\n                            name: \"cacao brown\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cacao brown') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cacao brown\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7c665f\"\n                    data-id='9879'\n                    x-data='{\n                        paint: {\n                            color: \"#7c665f\",\n                            index: 6,\n                            id: 9879,\n                            name: \"cacao brown 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cacao brown 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cacao brown 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #988684\"\n                    data-id='9880'\n                    x-data='{\n                        paint: {\n                            color: \"#988684\",\n                            index: 6,\n                            id: 9880,\n                            name: \"cacao brown 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cacao brown 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cacao brown 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1a09e\"\n                    data-id='9881'\n                    x-data='{\n                        paint: {\n                            color: \"#b1a09e\",\n                            index: 6,\n                            id: 9881,\n                            name: \"cacao brown 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cacao brown 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cacao brown 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7b9b6\"\n                    data-id='9882'\n                    x-data='{\n                        paint: {\n                            color: \"#c7b9b6\",\n                            index: 6,\n                            id: 9882,\n                            name: \"cacao brown 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cacao brown 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cacao brown 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8cdcb\"\n                    data-id='9883'\n                    x-data='{\n                        paint: {\n                            color: \"#d8cdcb\",\n                            index: 6,\n                            id: 9883,\n                            name: \"cacao brown 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cacao brown 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cacao brown 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #665550\"\n                    data-id='9884'\n                    x-data='{\n                        paint: {\n                            color: \"#665550\",\n                            index: 6,\n                            id: 9884,\n                            name: \"arabic roasting\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arabic roasting') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arabic roasting\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #756664\"\n                    data-id='9885'\n                    x-data='{\n                        paint: {\n                            color: \"#756664\",\n                            index: 6,\n                            id: 9885,\n                            name: \"arabic roasting 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arabic roasting 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arabic roasting 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #928789\"\n                    data-id='9886'\n                    x-data='{\n                        paint: {\n                            color: \"#928789\",\n                            index: 6,\n                            id: 9886,\n                            name: \"arabic roasting 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arabic roasting 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arabic roasting 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aca2a3\"\n                    data-id='9887'\n                    x-data='{\n                        paint: {\n                            color: \"#aca2a3\",\n                            index: 6,\n                            id: 9887,\n                            name: \"arabic roasting 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arabic roasting 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arabic roasting 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c3babb\"\n                    data-id='9888'\n                    x-data='{\n                        paint: {\n                            color: \"#c3babb\",\n                            index: 6,\n                            id: 9888,\n                            name: \"arabic roasting 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arabic roasting 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arabic roasting 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d5cece\"\n                    data-id='9889'\n                    x-data='{\n                        paint: {\n                            color: \"#d5cece\",\n                            index: 6,\n                            id: 9889,\n                            name: \"arabic roasting 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'arabic roasting 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        arabic roasting 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6b584d\"\n                    data-id='9890'\n                    x-data='{\n                        paint: {\n                            color: \"#6b584d\",\n                            index: 6,\n                            id: 9890,\n                            name: \"chocolat range\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'chocolat range') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chocolat range\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7b6961\"\n                    data-id='9891'\n                    x-data='{\n                        paint: {\n                            color: \"#7b6961\",\n                            index: 6,\n                            id: 9891,\n                            name: \"chocolat range 05\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'chocolat range 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chocolat range 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #988a85\"\n                    data-id='9892'\n                    x-data='{\n                        paint: {\n                            color: \"#988a85\",\n                            index: 6,\n                            id: 9892,\n                            name: \"chocolat range 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'chocolat range 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chocolat range 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1a4a0\"\n                    data-id='9893'\n                    x-data='{\n                        paint: {\n                            color: \"#b1a4a0\",\n                            index: 6,\n                            id: 9893,\n                            name: \"chocolat range 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'chocolat range 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chocolat range 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7bcb8\"\n                    data-id='9894'\n                    x-data='{\n                        paint: {\n                            color: \"#c7bcb8\",\n                            index: 6,\n                            id: 9894,\n                            name: \"chocolat range 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'chocolat range 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chocolat range 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8d0cc\"\n                    data-id='9895'\n                    x-data='{\n                        paint: {\n                            color: \"#d8d0cc\",\n                            index: 6,\n                            id: 9895,\n                            name: \"chocolat range 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'chocolat range 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chocolat range 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #715352\"\n                    data-id='9896'\n                    x-data='{\n                        paint: {\n                            color: \"#715352\",\n                            index: 6,\n                            id: 9896,\n                            name: \"oriental night\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'oriental night') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oriental night\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #816668\"\n                    data-id='9897'\n                    x-data='{\n                        paint: {\n                            color: \"#816668\",\n                            index: 6,\n                            id: 9897,\n                            name: \"oriental night 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'oriental night 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oriental night 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9c888e\"\n                    data-id='9898'\n                    x-data='{\n                        paint: {\n                            color: \"#9c888e\",\n                            index: 6,\n                            id: 9898,\n                            name: \"oriental night 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'oriental night 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oriental night 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b4a2a7\"\n                    data-id='9899'\n                    x-data='{\n                        paint: {\n                            color: \"#b4a2a7\",\n                            index: 6,\n                            id: 9899,\n                            name: \"oriental night 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'oriental night 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oriental night 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c9bbbf\"\n                    data-id='9900'\n                    x-data='{\n                        paint: {\n                            color: \"#c9bbbf\",\n                            index: 6,\n                            id: 9900,\n                            name: \"oriental night 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'oriental night 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oriental night 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dacfd1\"\n                    data-id='9901'\n                    x-data='{\n                        paint: {\n                            color: \"#dacfd1\",\n                            index: 6,\n                            id: 9901,\n                            name: \"oriental night 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'oriental night 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oriental night 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6d5454\"\n                    data-id='9902'\n                    x-data='{\n                        paint: {\n                            color: \"#6d5454\",\n                            index: 6,\n                            id: 9902,\n                            name: \"dark bazaar\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark bazaar') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark bazaar\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7c6769\"\n                    data-id='9903'\n                    x-data='{\n                        paint: {\n                            color: \"#7c6769\",\n                            index: 6,\n                            id: 9903,\n                            name: \"dark bazaar 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark bazaar 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark bazaar 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #98888e\"\n                    data-id='9904'\n                    x-data='{\n                        paint: {\n                            color: \"#98888e\",\n                            index: 6,\n                            id: 9904,\n                            name: \"dark bazaar 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark bazaar 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark bazaar 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1a3a8\"\n                    data-id='9905'\n                    x-data='{\n                        paint: {\n                            color: \"#b1a3a8\",\n                            index: 6,\n                            id: 9905,\n                            name: \"dark bazaar 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark bazaar 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark bazaar 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7bbbf\"\n                    data-id='9906'\n                    x-data='{\n                        paint: {\n                            color: \"#c7bbbf\",\n                            index: 6,\n                            id: 9906,\n                            name: \"dark bazaar 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark bazaar 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark bazaar 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8cfd2\"\n                    data-id='9907'\n                    x-data='{\n                        paint: {\n                            color: \"#d8cfd2\",\n                            index: 6,\n                            id: 9907,\n                            name: \"dark bazaar 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dark bazaar 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark bazaar 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #615654\"\n                    data-id='9908'\n                    x-data='{\n                        paint: {\n                            color: \"#615654\",\n                            index: 6,\n                            id: 9908,\n                            name: \"mocca\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mocca') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mocca\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #726a6a\"\n                    data-id='9909'\n                    x-data='{\n                        paint: {\n                            color: \"#726a6a\",\n                            index: 6,\n                            id: 9909,\n                            name: \"mocca 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mocca 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mocca 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #908c90\"\n                    data-id='9910'\n                    x-data='{\n                        paint: {\n                            color: \"#908c90\",\n                            index: 6,\n                            id: 9910,\n                            name: \"mocca 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mocca 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mocca 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aaa6aa\"\n                    data-id='9911'\n                    x-data='{\n                        paint: {\n                            color: \"#aaa6aa\",\n                            index: 6,\n                            id: 9911,\n                            name: \"mocca 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mocca 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mocca 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c1bec0\"\n                    data-id='9912'\n                    x-data='{\n                        paint: {\n                            color: \"#c1bec0\",\n                            index: 6,\n                            id: 9912,\n                            name: \"mocca 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mocca 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mocca 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d4d1d2\"\n                    data-id='9913'\n                    x-data='{\n                        paint: {\n                            color: \"#d4d1d2\",\n                            index: 6,\n                            id: 9913,\n                            name: \"mocca 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mocca 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mocca 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b1a4a3\"\n                    data-id='9915'\n                    x-data='{\n                        paint: {\n                            color: \"#b1a4a3\",\n                            index: 6,\n                            id: 9915,\n                            name: \"81.3 kangaroo\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.3 kangaroo') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.3 kangaroo\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c1b7b5\"\n                    data-id='9916'\n                    x-data='{\n                        paint: {\n                            color: \"#c1b7b5\",\n                            index: 6,\n                            id: 9916,\n                            name: \"81.2 nebula\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.2 nebula') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.2 nebula\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d1c7c5\"\n                    data-id='9917'\n                    x-data='{\n                        paint: {\n                            color: \"#d1c7c5\",\n                            index: 6,\n                            id: 9917,\n                            name: \"81.1 cement\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.1 cement') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.1 cement\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #736261\"\n                    data-id='9918'\n                    x-data='{\n                        paint: {\n                            color: \"#736261\",\n                            index: 6,\n                            id: 9918,\n                            name: \"81.7 cacao\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.7 cacao') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.7 cacao\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #837473\"\n                    data-id='9919'\n                    x-data='{\n                        paint: {\n                            color: \"#837473\",\n                            index: 6,\n                            id: 9919,\n                            name: \"81.6 twilight\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.6 twilight') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.6 twilight\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #958684\"\n                    data-id='9920'\n                    x-data='{\n                        paint: {\n                            color: \"#958684\",\n                            index: 6,\n                            id: 9920,\n                            name: \"81.5 cashmere\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.5 cashmere') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.5 cashmere\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9d8f8e\"\n                    data-id='9914'\n                    x-data='{\n                        paint: {\n                            color: \"#9d8f8e\",\n                            index: 6,\n                            id: 9914,\n                            name: \"81.4 lounge\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '81.4 lounge') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        81.4 lounge\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #796c64\"\n                    data-id='9921'\n                    x-data='{\n                        paint: {\n                            color: \"#796c64\",\n                            index: 6,\n                            id: 9921,\n                            name: \"82.7 dark shadow\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.7 dark shadow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.7 dark shadow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #887c74\"\n                    data-id='9922'\n                    x-data='{\n                        paint: {\n                            color: \"#887c74\",\n                            index: 6,\n                            id: 9922,\n                            name: \"82.6 espresso\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.6 espresso') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.6 espresso\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #958a82\"\n                    data-id='9923'\n                    x-data='{\n                        paint: {\n                            color: \"#958a82\",\n                            index: 6,\n                            id: 9923,\n                            name: \"82.5 warm grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.5 warm grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.5 warm grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddceb6\"\n                    data-id='9924'\n                    x-data='{\n                        paint: {\n                            color: \"#ddceb6\",\n                            index: 6,\n                            id: 9924,\n                            name: \"508 champagne\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '508 champagne') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        508 champagne\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2d1ab\"\n                    data-id='9925'\n                    x-data='{\n                        paint: {\n                            color: \"#e2d1ab\",\n                            index: 6,\n                            id: 9925,\n                            name: \"196 cream\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '196 cream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        196 cream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bdab9c\"\n                    data-id='9926'\n                    x-data='{\n                        paint: {\n                            color: \"#bdab9c\",\n                            index: 6,\n                            id: 9926,\n                            name: \"591 coffee cream\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '591 coffee cream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        591 coffee cream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cdb79d\"\n                    data-id='9927'\n                    x-data='{\n                        paint: {\n                            color: \"#cdb79d\",\n                            index: 6,\n                            id: 9927,\n                            name: \"5010 cacao cream\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '5010 cacao cream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        5010 cacao cream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a79273\"\n                    data-id='9928'\n                    x-data='{\n                        paint: {\n                            color: \"#a79273\",\n                            index: 6,\n                            id: 9928,\n                            name: \"247 moccasin\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '247 moccasin') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        247 moccasin\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b5a489\"\n                    data-id='9929'\n                    x-data='{\n                        paint: {\n                            color: \"#b5a489\",\n                            index: 6,\n                            id: 9929,\n                            name: \"258 tierra\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '258 tierra') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        258 tierra\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b4a694\"\n                    data-id='9930'\n                    x-data='{\n                        paint: {\n                            color: \"#b4a694\",\n                            index: 6,\n                            id: 9930,\n                            name: \"216 latte macchiato\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '216 latte macchiato') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        216 latte macchiato\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2c6b1\"\n                    data-id='9931'\n                    x-data='{\n                        paint: {\n                            color: \"#d2c6b1\",\n                            index: 6,\n                            id: 9931,\n                            name: \"172 ginger\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '172 ginger') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        172 ginger\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #92816b\"\n                    data-id='9932'\n                    x-data='{\n                        paint: {\n                            color: \"#92816b\",\n                            index: 6,\n                            id: 9932,\n                            name: \"302 tobacco\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '302 tobacco') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        302 tobacco\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #876865\"\n                    data-id='9933'\n                    x-data='{\n                        paint: {\n                            color: \"#876865\",\n                            index: 6,\n                            id: 9933,\n                            name: \"539 marrone castagne\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '539 marrone castagne') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        539 marrone castagne\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8c716d\"\n                    data-id='9934'\n                    x-data='{\n                        paint: {\n                            color: \"#8c716d\",\n                            index: 6,\n                            id: 9934,\n                            name: \"528 broom\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '528 broom') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        528 broom\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddbba8\"\n                    data-id='9935'\n                    x-data='{\n                        paint: {\n                            color: \"#ddbba8\",\n                            index: 6,\n                            id: 9935,\n                            name: \"5011 starfish\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '5011 starfish') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        5011 starfish\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #deb995\"\n                    data-id='9936'\n                    x-data='{\n                        paint: {\n                            color: \"#deb995\",\n                            index: 6,\n                            id: 9936,\n                            name: \"226 sandy beach\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '226 sandy beach') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        226 sandy beach\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ddbda5\"\n                    data-id='9937'\n                    x-data='{\n                        paint: {\n                            color: \"#ddbda5\",\n                            index: 6,\n                            id: 9937,\n                            name: \"184 marzipan\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '184 marzipan') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        184 marzipan\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #895b44\"\n                    data-id='9938'\n                    x-data='{\n                        paint: {\n                            color: \"#895b44\",\n                            index: 6,\n                            id: 9938,\n                            name: \"1002 cigar\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '1002 cigar') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        1002 cigar\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #916256\"\n                    data-id='9939'\n                    x-data='{\n                        paint: {\n                            color: \"#916256\",\n                            index: 6,\n                            id: 9939,\n                            name: \"725 wood\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '725 wood') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        725 wood\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #996758\"\n                    data-id='9940'\n                    x-data='{\n                        paint: {\n                            color: \"#996758\",\n                            index: 6,\n                            id: 9940,\n                            name: \"713 chocolate chip\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '713 chocolate chip') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        713 chocolate chip\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1ddc6\"\n                    data-id='9941'\n                    x-data='{\n                        paint: {\n                            color: \"#f1ddc6\",\n                            index: 6,\n                            id: 9941,\n                            name: \"K184 soft cream\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K184 soft cream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K184 soft cream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ac6f61\"\n                    data-id='9942'\n                    x-data='{\n                        paint: {\n                            color: \"#ac6f61\",\n                            index: 6,\n                            id: 9942,\n                            name: \"K1000 hazel\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K1000 hazel') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K1000 hazel\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a29485\"\n                    data-id='17865'\n                    x-data='{\n                        paint: {\n                            color: \"#a29485\",\n                            index: 6,\n                            id: 17865,\n                            name: \"farmland\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'farmland') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        farmland\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bb8057\"\n                    data-id='9943'\n                    x-data='{\n                        paint: {\n                            color: \"#bb8057\",\n                            index: 6,\n                            id: 9943,\n                            name: \"K1002 peanut\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K1002 peanut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K1002 peanut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ad9e90\"\n                    data-id='17866'\n                    x-data='{\n                        paint: {\n                            color: \"#ad9e90\",\n                            index: 6,\n                            id: 17866,\n                            name: \"farmland 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'farmland 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        farmland 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bfb0a2\"\n                    data-id='17867'\n                    x-data='{\n                        paint: {\n                            color: \"#bfb0a2\",\n                            index: 6,\n                            id: 17867,\n                            name: \"farmland 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'farmland 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        farmland 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d0c3b7\"\n                    data-id='17868'\n                    x-data='{\n                        paint: {\n                            color: \"#d0c3b7\",\n                            index: 6,\n                            id: 17868,\n                            name: \"farmland 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'farmland 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        farmland 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9cfc4\"\n                    data-id='17869'\n                    x-data='{\n                        paint: {\n                            color: \"#d9cfc4\",\n                            index: 6,\n                            id: 17869,\n                            name: \"farmland 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'farmland 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        farmland 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ded4ca\"\n                    data-id='17870'\n                    x-data='{\n                        paint: {\n                            color: \"#ded4ca\",\n                            index: 6,\n                            id: 17870,\n                            name: \"farmland 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'farmland 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        farmland 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #786758\"\n                    data-id='17903'\n                    x-data='{\n                        paint: {\n                            color: \"#786758\",\n                            index: 6,\n                            id: 17903,\n                            name: \"grizzly bear\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grizzly bear') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grizzly bear\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #887766\"\n                    data-id='17904'\n                    x-data='{\n                        paint: {\n                            color: \"#887766\",\n                            index: 6,\n                            id: 17904,\n                            name: \"grizzly bear 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grizzly bear 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grizzly bear 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a39383\"\n                    data-id='17905'\n                    x-data='{\n                        paint: {\n                            color: \"#a39383\",\n                            index: 6,\n                            id: 17905,\n                            name: \"grizzly bear 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grizzly bear 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grizzly bear 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bbac9d\"\n                    data-id='17906'\n                    x-data='{\n                        paint: {\n                            color: \"#bbac9d\",\n                            index: 6,\n                            id: 17906,\n                            name: \"grizzly bear 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grizzly bear 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grizzly bear 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cfc2b5\"\n                    data-id='17907'\n                    x-data='{\n                        paint: {\n                            color: \"#cfc2b5\",\n                            index: 6,\n                            id: 17907,\n                            name: \"grizzly bear 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grizzly bear 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grizzly bear 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ded4ca\"\n                    data-id='17908'\n                    x-data='{\n                        paint: {\n                            color: \"#ded4ca\",\n                            index: 6,\n                            id: 17908,\n                            name: \"grizzly bear 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'grizzly bear 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        grizzly bear 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a27754\"\n                    data-id='17999'\n                    x-data='{\n                        paint: {\n                            color: \"#a27754\",\n                            index: 6,\n                            id: 17999,\n                            name: \"walnut tree\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'walnut tree') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut tree\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #af8561\"\n                    data-id='18000'\n                    x-data='{\n                        paint: {\n                            color: \"#af8561\",\n                            index: 6,\n                            id: 18000,\n                            name: \"walnut tree 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'walnut tree 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut tree 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c59d7b\"\n                    data-id='18001'\n                    x-data='{\n                        paint: {\n                            color: \"#c59d7b\",\n                            index: 6,\n                            id: 18001,\n                            name: \"walnut tree 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'walnut tree 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut tree 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7b595\"\n                    data-id='18002'\n                    x-data='{\n                        paint: {\n                            color: \"#d7b595\",\n                            index: 6,\n                            id: 18002,\n                            name: \"walnut tree 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'walnut tree 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut tree 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4c9ae\"\n                    data-id='18003'\n                    x-data='{\n                        paint: {\n                            color: \"#e4c9ae\",\n                            index: 6,\n                            id: 18003,\n                            name: \"walnut tree 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'walnut tree 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut tree 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edd9c4\"\n                    data-id='18004'\n                    x-data='{\n                        paint: {\n                            color: \"#edd9c4\",\n                            index: 6,\n                            id: 18004,\n                            name: \"walnut tree 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'walnut tree 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut tree 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #564023\"\n                    data-id='18484'\n                    x-data='{\n                        paint: {\n                            color: \"#564023\",\n                            index: 6,\n                            id: 18484,\n                            name: \"palisander\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'palisander') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        palisander\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6a4f38\"\n                    data-id='18485'\n                    x-data='{\n                        paint: {\n                            color: \"#6a4f38\",\n                            index: 6,\n                            id: 18485,\n                            name: \"iced coffee\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'iced coffee') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        iced coffee\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6c422b\"\n                    data-id='18486'\n                    x-data='{\n                        paint: {\n                            color: \"#6c422b\",\n                            index: 6,\n                            id: 18486,\n                            name: \"bear\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'bear') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bear\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #934b1b\"\n                    data-id='18487'\n                    x-data='{\n                        paint: {\n                            color: \"#934b1b\",\n                            index: 6,\n                            id: 18487,\n                            name: \"brunette\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'brunette') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        brunette\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a7743e\"\n                    data-id='18488'\n                    x-data='{\n                        paint: {\n                            color: \"#a7743e\",\n                            index: 6,\n                            id: 18488,\n                            name: \"peanut butter\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'peanut butter') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        peanut butter\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #936732\"\n                    data-id='18489'\n                    x-data='{\n                        paint: {\n                            color: \"#936732\",\n                            index: 6,\n                            id: 18489,\n                            name: \"umbra\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'umbra') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        umbra\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9a6527\"\n                    data-id='18490'\n                    x-data='{\n                        paint: {\n                            color: \"#9a6527\",\n                            index: 6,\n                            id: 18490,\n                            name: \"bangkirai\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'bangkirai') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bangkirai\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a86b1d\"\n                    data-id='18491'\n                    x-data='{\n                        paint: {\n                            color: \"#a86b1d\",\n                            index: 6,\n                            id: 18491,\n                            name: \"walnut\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'walnut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        walnut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c77c11\"\n                    data-id='18492'\n                    x-data='{\n                        paint: {\n                            color: \"#c77c11\",\n                            index: 6,\n                            id: 18492,\n                            name: \"chestnut\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'chestnut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        chestnut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c88019\"\n                    data-id='18493'\n                    x-data='{\n                        paint: {\n                            color: \"#c88019\",\n                            index: 6,\n                            id: 18493,\n                            name: \"teak\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'teak') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        teak\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c98720\"\n                    data-id='18494'\n                    x-data='{\n                        paint: {\n                            color: \"#c98720\",\n                            index: 6,\n                            id: 18494,\n                            name: \"caramel\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'caramel') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        caramel\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c28a31\"\n                    data-id='18495'\n                    x-data='{\n                        paint: {\n                            color: \"#c28a31\",\n                            index: 6,\n                            id: 18495,\n                            name: \"larch\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'larch') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        larch\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6782a\"\n                    data-id='18496'\n                    x-data='{\n                        paint: {\n                            color: \"#a6782a\",\n                            index: 6,\n                            id: 18496,\n                            name: \"oak\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'oak') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        oak\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ba8327\"\n                    data-id='18497'\n                    x-data='{\n                        paint: {\n                            color: \"#ba8327\",\n                            index: 6,\n                            id: 18497,\n                            name: \"pine\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'pine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cc8712\"\n                    data-id='18498'\n                    x-data='{\n                        paint: {\n                            color: \"#cc8712\",\n                            index: 6,\n                            id: 18498,\n                            name: \"light oak\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('brauntoene', ['holzlasur', ], 'light oak') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light oak\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5e5858\"\n                    data-id='9944'\n                    x-data='{\n                        paint: {\n                            color: \"#5e5858\",\n                            index: 7,\n                            id: 9944,\n                            name: \"plum grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'plum grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        plum grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6f6c6f\"\n                    data-id='9945'\n                    x-data='{\n                        paint: {\n                            color: \"#6f6c6f\",\n                            index: 7,\n                            id: 9945,\n                            name: \"plum grey 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'plum grey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        plum grey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8e8e95\"\n                    data-id='9946'\n                    x-data='{\n                        paint: {\n                            color: \"#8e8e95\",\n                            index: 7,\n                            id: 9946,\n                            name: \"plum grey 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'plum grey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        plum grey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a8a9af\"\n                    data-id='9947'\n                    x-data='{\n                        paint: {\n                            color: \"#a8a9af\",\n                            index: 7,\n                            id: 9947,\n                            name: \"plum grey 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'plum grey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        plum grey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c0c0c4\"\n                    data-id='9948'\n                    x-data='{\n                        paint: {\n                            color: \"#c0c0c4\",\n                            index: 7,\n                            id: 9948,\n                            name: \"plum grey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'plum grey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        plum grey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d3d3d6\"\n                    data-id='9949'\n                    x-data='{\n                        paint: {\n                            color: \"#d3d3d6\",\n                            index: 7,\n                            id: 9949,\n                            name: \"plum grey 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'plum grey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        plum grey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5b5859\"\n                    data-id='9950'\n                    x-data='{\n                        paint: {\n                            color: \"#5b5859\",\n                            index: 7,\n                            id: 9950,\n                            name: \"granite stone\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'granite stone') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        granite stone\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6e6d71\"\n                    data-id='9951'\n                    x-data='{\n                        paint: {\n                            color: \"#6e6d71\",\n                            index: 7,\n                            id: 9951,\n                            name: \"granite stone 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'granite stone 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        granite stone 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8d9097\"\n                    data-id='9952'\n                    x-data='{\n                        paint: {\n                            color: \"#8d9097\",\n                            index: 7,\n                            id: 9952,\n                            name: \"granite stone 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'granite stone 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        granite stone 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a9aab0\"\n                    data-id='9953'\n                    x-data='{\n                        paint: {\n                            color: \"#a9aab0\",\n                            index: 7,\n                            id: 9953,\n                            name: \"granite stone 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'granite stone 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        granite stone 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bfc0c5\"\n                    data-id='9954'\n                    x-data='{\n                        paint: {\n                            color: \"#bfc0c5\",\n                            index: 7,\n                            id: 9954,\n                            name: \"granite stone 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'granite stone 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        granite stone 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2d3d6\"\n                    data-id='9955'\n                    x-data='{\n                        paint: {\n                            color: \"#d2d3d6\",\n                            index: 7,\n                            id: 9955,\n                            name: \"granite stone 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'granite stone 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        granite stone 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5c5c61\"\n                    data-id='9956'\n                    x-data='{\n                        paint: {\n                            color: \"#5c5c61\",\n                            index: 7,\n                            id: 9956,\n                            name: \"graphite\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'graphite') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        graphite\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6f727a\"\n                    data-id='9957'\n                    x-data='{\n                        paint: {\n                            color: \"#6f727a\",\n                            index: 7,\n                            id: 9957,\n                            name: \"graphite 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'graphite 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        graphite 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9096a1\"\n                    data-id='9958'\n                    x-data='{\n                        paint: {\n                            color: \"#9096a1\",\n                            index: 7,\n                            id: 9958,\n                            name: \"graphite 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'graphite 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        graphite 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aaafb7\"\n                    data-id='9959'\n                    x-data='{\n                        paint: {\n                            color: \"#aaafb7\",\n                            index: 7,\n                            id: 9959,\n                            name: \"graphite 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'graphite 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        graphite 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bec2c9\"\n                    data-id='9960'\n                    x-data='{\n                        paint: {\n                            color: \"#bec2c9\",\n                            index: 7,\n                            id: 9960,\n                            name: \"graphite 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'graphite 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        graphite 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d4d7db\"\n                    data-id='9961'\n                    x-data='{\n                        paint: {\n                            color: \"#d4d7db\",\n                            index: 7,\n                            id: 9961,\n                            name: \"graphite 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'graphite 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        graphite 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5b606b\"\n                    data-id='9962'\n                    x-data='{\n                        paint: {\n                            color: \"#5b606b\",\n                            index: 7,\n                            id: 9962,\n                            name: \"bluish grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bluish grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bluish grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #707886\"\n                    data-id='9963'\n                    x-data='{\n                        paint: {\n                            color: \"#707886\",\n                            index: 7,\n                            id: 9963,\n                            name: \"bluish grey 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bluish grey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bluish grey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #919baa\"\n                    data-id='9964'\n                    x-data='{\n                        paint: {\n                            color: \"#919baa\",\n                            index: 7,\n                            id: 9964,\n                            name: \"bluish grey 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bluish grey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bluish grey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #acb4c0\"\n                    data-id='9965'\n                    x-data='{\n                        paint: {\n                            color: \"#acb4c0\",\n                            index: 7,\n                            id: 9965,\n                            name: \"bluish grey 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bluish grey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bluish grey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c3c9d2\"\n                    data-id='9966'\n                    x-data='{\n                        paint: {\n                            color: \"#c3c9d2\",\n                            index: 7,\n                            id: 9966,\n                            name: \"bluish grey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bluish grey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bluish grey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d5dadf\"\n                    data-id='9967'\n                    x-data='{\n                        paint: {\n                            color: \"#d5dadf\",\n                            index: 7,\n                            id: 9967,\n                            name: \"bluish grey 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bluish grey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bluish grey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5d5c59\"\n                    data-id='9968'\n                    x-data='{\n                        paint: {\n                            color: \"#5d5c59\",\n                            index: 7,\n                            id: 9968,\n                            name: \"asphalt grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'asphalt grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        asphalt grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6e6f6f\"\n                    data-id='9969'\n                    x-data='{\n                        paint: {\n                            color: \"#6e6f6f\",\n                            index: 7,\n                            id: 9969,\n                            name: \"asphalt grey 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'asphalt grey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        asphalt grey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8c9194\"\n                    data-id='9970'\n                    x-data='{\n                        paint: {\n                            color: \"#8c9194\",\n                            index: 7,\n                            id: 9970,\n                            name: \"asphalt grey 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'asphalt grey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        asphalt grey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6aaad\"\n                    data-id='9971'\n                    x-data='{\n                        paint: {\n                            color: \"#a6aaad\",\n                            index: 7,\n                            id: 9971,\n                            name: \"asphalt grey 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'asphalt grey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        asphalt grey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bec1c3\"\n                    data-id='9972'\n                    x-data='{\n                        paint: {\n                            color: \"#bec1c3\",\n                            index: 7,\n                            id: 9972,\n                            name: \"asphalt grey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'asphalt grey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        asphalt grey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2d4d5\"\n                    data-id='9973'\n                    x-data='{\n                        paint: {\n                            color: \"#d2d4d5\",\n                            index: 7,\n                            id: 9973,\n                            name: \"asphalt grey 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'asphalt grey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        asphalt grey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5c5a59\"\n                    data-id='9974'\n                    x-data='{\n                        paint: {\n                            color: \"#5c5a59\",\n                            index: 7,\n                            id: 9974,\n                            name: \"mystic grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mystic grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6e6e70\"\n                    data-id='9975'\n                    x-data='{\n                        paint: {\n                            color: \"#6e6e70\",\n                            index: 7,\n                            id: 9975,\n                            name: \"mystic grey 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mystic grey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic grey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8d9096\"\n                    data-id='9976'\n                    x-data='{\n                        paint: {\n                            color: \"#8d9096\",\n                            index: 7,\n                            id: 9976,\n                            name: \"mystic grey 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mystic grey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic grey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a7aaaf\"\n                    data-id='9977'\n                    x-data='{\n                        paint: {\n                            color: \"#a7aaaf\",\n                            index: 7,\n                            id: 9977,\n                            name: \"mystic grey 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mystic grey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic grey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bfc1c4\"\n                    data-id='9978'\n                    x-data='{\n                        paint: {\n                            color: \"#bfc1c4\",\n                            index: 7,\n                            id: 9978,\n                            name: \"mystic grey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mystic grey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic grey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2d3d5\"\n                    data-id='9979'\n                    x-data='{\n                        paint: {\n                            color: \"#d2d3d5\",\n                            index: 7,\n                            id: 9979,\n                            name: \"mystic grey 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mystic grey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mystic grey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #625e59\"\n                    data-id='9980'\n                    x-data='{\n                        paint: {\n                            color: \"#625e59\",\n                            index: 7,\n                            id: 9980,\n                            name: \"slate\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slate') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slate\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #73716e\"\n                    data-id='9981'\n                    x-data='{\n                        paint: {\n                            color: \"#73716e\",\n                            index: 7,\n                            id: 9981,\n                            name: \"slate 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slate 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slate 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #929393\"\n                    data-id='9982'\n                    x-data='{\n                        paint: {\n                            color: \"#929393\",\n                            index: 7,\n                            id: 9982,\n                            name: \"slate 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slate 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slate 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #abacac\"\n                    data-id='9983'\n                    x-data='{\n                        paint: {\n                            color: \"#abacac\",\n                            index: 7,\n                            id: 9983,\n                            name: \"slate 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slate 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slate 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c2c3c2\"\n                    data-id='9984'\n                    x-data='{\n                        paint: {\n                            color: \"#c2c3c2\",\n                            index: 7,\n                            id: 9984,\n                            name: \"slate 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slate 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slate 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d4d5d4\"\n                    data-id='9985'\n                    x-data='{\n                        paint: {\n                            color: \"#d4d5d4\",\n                            index: 7,\n                            id: 9985,\n                            name: \"slate 25\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slate 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slate 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a39891\"\n                    data-id='9986'\n                    x-data='{\n                        paint: {\n                            color: \"#a39891\",\n                            index: 7,\n                            id: 9986,\n                            name: \"82.4 gris basalto\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.4 gris basalto') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.4 gris basalto\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b3aaa3\"\n                    data-id='9987'\n                    x-data='{\n                        paint: {\n                            color: \"#b3aaa3\",\n                            index: 7,\n                            id: 9987,\n                            name: \"82.3 gainsboro\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.3 gainsboro') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.3 gainsboro\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c3bbb4\"\n                    data-id='9988'\n                    x-data='{\n                        paint: {\n                            color: \"#c3bbb4\",\n                            index: 7,\n                            id: 9988,\n                            name: \"82.2 gravel\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.2 gravel') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.2 gravel\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2ccc6\"\n                    data-id='9989'\n                    x-data='{\n                        paint: {\n                            color: \"#d2ccc6\",\n                            index: 7,\n                            id: 9989,\n                            name: \"82.1 bianco perla\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '82.1 bianco perla') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        82.1 bianco perla\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8d8e8f\"\n                    data-id='9990'\n                    x-data='{\n                        paint: {\n                            color: \"#8d8e8f\",\n                            index: 7,\n                            id: 9990,\n                            name: \"99.4 pebbles\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.4 pebbles') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.4 pebbles\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a3a4a5\"\n                    data-id='9991'\n                    x-data='{\n                        paint: {\n                            color: \"#a3a4a5\",\n                            index: 7,\n                            id: 9991,\n                            name: \"99.3 dolphin\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.3 dolphin') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.3 dolphin\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b7b7b8\"\n                    data-id='9992'\n                    x-data='{\n                        paint: {\n                            color: \"#b7b7b8\",\n                            index: 7,\n                            id: 9992,\n                            name: \"99.2 smoke\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.2 smoke') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.2 smoke\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c7c7c6\"\n                    data-id='9993'\n                    x-data='{\n                        paint: {\n                            color: \"#c7c7c6\",\n                            index: 7,\n                            id: 9993,\n                            name: \"99.1 steel\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.1 steel') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.1 steel\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5e5f62\"\n                    data-id='9994'\n                    x-data='{\n                        paint: {\n                            color: \"#5e5f62\",\n                            index: 7,\n                            id: 9994,\n                            name: \"99.7 coal\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.7 coal') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.7 coal\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6f7072\"\n                    data-id='9995'\n                    x-data='{\n                        paint: {\n                            color: \"#6f7072\",\n                            index: 7,\n                            id: 9995,\n                            name: \"99.6 black slate\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.6 black slate') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.6 black slate\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #808183\"\n                    data-id='9996'\n                    x-data='{\n                        paint: {\n                            color: \"#808183\",\n                            index: 7,\n                            id: 9996,\n                            name: \"99.5 elephant\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '99.5 elephant') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        99.5 elephant\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8490a2\"\n                    data-id='9997'\n                    x-data='{\n                        paint: {\n                            color: \"#8490a2\",\n                            index: 7,\n                            id: 9997,\n                            name: \"332 november blue\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '332 november blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        332 november blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b7c2d2\"\n                    data-id='9998'\n                    x-data='{\n                        paint: {\n                            color: \"#b7c2d2\",\n                            index: 7,\n                            id: 9998,\n                            name: \"845 husky\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '845 husky') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        845 husky\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6a3a2\"\n                    data-id='9999'\n                    x-data='{\n                        paint: {\n                            color: \"#a6a3a2\",\n                            index: 7,\n                            id: 9999,\n                            name: \"825 grey melange\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '825 grey melange') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        825 grey melange\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2b6bb\"\n                    data-id='10000'\n                    x-data='{\n                        paint: {\n                            color: \"#b2b6bb\",\n                            index: 7,\n                            id: 10000,\n                            name: \"823 baltic grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '823 baltic grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        823 baltic grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8e97a5\"\n                    data-id='10001'\n                    x-data='{\n                        paint: {\n                            color: \"#8e97a5\",\n                            index: 7,\n                            id: 10001,\n                            name: \"848 argento\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '848 argento') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        848 argento\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9ca6b5\"\n                    data-id='10002'\n                    x-data='{\n                        paint: {\n                            color: \"#9ca6b5\",\n                            index: 7,\n                            id: 10002,\n                            name: \"331 aluminium\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '331 aluminium') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        331 aluminium\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7b7777\"\n                    data-id='10003'\n                    x-data='{\n                        paint: {\n                            color: \"#7b7777\",\n                            index: 7,\n                            id: 10003,\n                            name: \"875 bark\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '875 bark') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        875 bark\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #9d9fa3\"\n                    data-id='10004'\n                    x-data='{\n                        paint: {\n                            color: \"#9d9fa3\",\n                            index: 7,\n                            id: 10004,\n                            name: \"849 ash\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], '849 ash') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        849 ash\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bebebe\"\n                    data-id='10005'\n                    x-data='{\n                        paint: {\n                            color: \"#bebebe\",\n                            index: 7,\n                            id: 10005,\n                            name: \"K95.4 silver\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.4 silver') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.4 silver\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #cccdcd\"\n                    data-id='10006'\n                    x-data='{\n                        paint: {\n                            color: \"#cccdcd\",\n                            index: 7,\n                            id: 10006,\n                            name: \"K95.3 shark\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.3 shark') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.3 shark\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dadada\"\n                    data-id='10007'\n                    x-data='{\n                        paint: {\n                            color: \"#dadada\",\n                            index: 7,\n                            id: 10007,\n                            name: \"K95.2 antique\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.2 antique') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.2 antique\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2e2e2\"\n                    data-id='10008'\n                    x-data='{\n                        paint: {\n                            color: \"#e2e2e2\",\n                            index: 7,\n                            id: 10008,\n                            name: \"K95.1 white smoke\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.1 white smoke') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.1 white smoke\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #979797\"\n                    data-id='10009'\n                    x-data='{\n                        paint: {\n                            color: \"#979797\",\n                            index: 7,\n                            id: 10009,\n                            name: \"K95.7 dusty grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.7 dusty grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.7 dusty grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a6a6a7\"\n                    data-id='10010'\n                    x-data='{\n                        paint: {\n                            color: \"#a6a6a7\",\n                            index: 7,\n                            id: 10010,\n                            name: \"K95.6 platinum\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.6 platinum') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.6 platinum\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b8b7b8\"\n                    data-id='10011'\n                    x-data='{\n                        paint: {\n                            color: \"#b8b7b8\",\n                            index: 7,\n                            id: 10011,\n                            name: \"K95.5 titanium\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'K95.5 titanium') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        K95.5 titanium\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #aeaeb0\"\n                    data-id='18455'\n                    x-data='{\n                        paint: {\n                            color: \"#aeaeb0\",\n                            index: 7,\n                            id: 18455,\n                            name: \"fossil\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'fossil') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        fossil\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #909298\"\n                    data-id='18456'\n                    x-data='{\n                        paint: {\n                            color: \"#909298\",\n                            index: 7,\n                            id: 18456,\n                            name: \"thunder\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'thunder') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        thunder\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7c7879\"\n                    data-id='18457'\n                    x-data='{\n                        paint: {\n                            color: \"#7c7879\",\n                            index: 7,\n                            id: 18457,\n                            name: \"metallic\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'metallic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        metallic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #4d4543\"\n                    data-id='18458'\n                    x-data='{\n                        paint: {\n                            color: \"#4d4543\",\n                            index: 7,\n                            id: 18458,\n                            name: \"dark night\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'dark night') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dark night\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #474747\"\n                    data-id='18459'\n                    x-data='{\n                        paint: {\n                            color: \"#474747\",\n                            index: 7,\n                            id: 18459,\n                            name: \"space grey\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'space grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        space grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7d2d6\"\n                    data-id='18449'\n                    x-data='{\n                        paint: {\n                            color: \"#d7d2d6\",\n                            index: 7,\n                            id: 18449,\n                            name: \"classic\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'classic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        classic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #babdcc\"\n                    data-id='18450'\n                    x-data='{\n                        paint: {\n                            color: \"#babdcc\",\n                            index: 7,\n                            id: 18450,\n                            name: \"moon rock\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'moon rock') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moon rock\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bbb9c6\"\n                    data-id='18451'\n                    x-data='{\n                        paint: {\n                            color: \"#bbb9c6\",\n                            index: 7,\n                            id: 18451,\n                            name: \"copper grey\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'copper grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        copper grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #63646c\"\n                    data-id='17852'\n                    x-data='{\n                        paint: {\n                            color: \"#63646c\",\n                            index: 7,\n                            id: 17852,\n                            name: \"eclipse\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'eclipse') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        eclipse\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #767982\"\n                    data-id='17853'\n                    x-data='{\n                        paint: {\n                            color: \"#767982\",\n                            index: 7,\n                            id: 17853,\n                            name: \"eclipse 05\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'eclipse 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        eclipse 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #989aa3\"\n                    data-id='17854'\n                    x-data='{\n                        paint: {\n                            color: \"#989aa3\",\n                            index: 7,\n                            id: 17854,\n                            name: \"eclipse 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'eclipse 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        eclipse 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b9afaa\"\n                    data-id='18452'\n                    x-data='{\n                        paint: {\n                            color: \"#b9afaa\",\n                            index: 7,\n                            id: 18452,\n                            name: \"desert grey\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'desert grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        desert grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b0b2b9\"\n                    data-id='17855'\n                    x-data='{\n                        paint: {\n                            color: \"#b0b2b9\",\n                            index: 7,\n                            id: 17855,\n                            name: \"eclipse 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'eclipse 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        eclipse 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c6c8cc\"\n                    data-id='17856'\n                    x-data='{\n                        paint: {\n                            color: \"#c6c8cc\",\n                            index: 7,\n                            id: 17856,\n                            name: \"eclipse 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'eclipse 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        eclipse 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7d8db\"\n                    data-id='17857'\n                    x-data='{\n                        paint: {\n                            color: \"#d7d8db\",\n                            index: 7,\n                            id: 17857,\n                            name: \"eclipse 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'eclipse 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        eclipse 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #7a7683\"\n                    data-id='17859'\n                    x-data='{\n                        paint: {\n                            color: \"#7a7683\",\n                            index: 7,\n                            id: 17859,\n                            name: \"evening grey\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8f8c99\"\n                    data-id='17860'\n                    x-data='{\n                        paint: {\n                            color: \"#8f8c99\",\n                            index: 7,\n                            id: 17860,\n                            name: \"evening grey 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening grey 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening grey 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #b2aeb9\"\n                    data-id='17861'\n                    x-data='{\n                        paint: {\n                            color: \"#b2aeb9\",\n                            index: 7,\n                            id: 17861,\n                            name: \"evening grey 10\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening grey 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening grey 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #c5c3cb\"\n                    data-id='17862'\n                    x-data='{\n                        paint: {\n                            color: \"#c5c3cb\",\n                            index: 7,\n                            id: 17862,\n                            name: \"evening grey 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening grey 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening grey 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d7d5da\"\n                    data-id='17863'\n                    x-data='{\n                        paint: {\n                            color: \"#d7d5da\",\n                            index: 7,\n                            id: 17863,\n                            name: \"evening grey 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening grey 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening grey 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3e2e4\"\n                    data-id='17864'\n                    x-data='{\n                        paint: {\n                            color: \"#e3e2e4\",\n                            index: 7,\n                            id: 17864,\n                            name: \"evening grey 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening grey 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening grey 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #5a6165\"\n                    data-id='17930'\n                    x-data='{\n                        paint: {\n                            color: \"#5a6165\",\n                            index: 7,\n                            id: 17930,\n                            name: \"night shade\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'night shade') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        night shade\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #91826d\"\n                    data-id='18453'\n                    x-data='{\n                        paint: {\n                            color: \"#91826d\",\n                            index: 7,\n                            id: 18453,\n                            name: \"gold grey\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'gold grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        gold grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #6c757b\"\n                    data-id='17931'\n                    x-data='{\n                        paint: {\n                            color: \"#6c757b\",\n                            index: 7,\n                            id: 17931,\n                            name: \"night shade 05\",\n                            price_group: \"3\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'night shade 05') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        night shade 05\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #8d979d\"\n                    data-id='17932'\n                    x-data='{\n                        paint: {\n                            color: \"#8d979d\",\n                            index: 7,\n                            id: 17932,\n                            name: \"night shade 10\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'night shade 10') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        night shade 10\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #a7b0b5\"\n                    data-id='17933'\n                    x-data='{\n                        paint: {\n                            color: \"#a7b0b5\",\n                            index: 7,\n                            id: 17933,\n                            name: \"night shade 15\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'night shade 15') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        night shade 15\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #bfc6c9\"\n                    data-id='17934'\n                    x-data='{\n                        paint: {\n                            color: \"#bfc6c9\",\n                            index: 7,\n                            id: 17934,\n                            name: \"night shade 20\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'night shade 20') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        night shade 20\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d2d7d9\"\n                    data-id='17935'\n                    x-data='{\n                        paint: {\n                            color: \"#d2d7d9\",\n                            index: 7,\n                            id: 17935,\n                            name: \"night shade 25\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'night shade 25') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        night shade 25\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #928e83\"\n                    data-id='18454'\n                    x-data='{\n                        paint: {\n                            color: \"#928e83\",\n                            index: 7,\n                            id: 18454,\n                            name: \"iron\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('grautoene', ['holzlasur', ], 'iron') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        iron\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9eae8\"\n                    data-id='17840'\n                    x-data='{\n                        paint: {\n                            color: \"#e9eae8\",\n                            index: 8,\n                            id: 17840,\n                            name: \"charisma touch\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'charisma touch') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        charisma touch\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eceeee\"\n                    data-id='10012'\n                    x-data='{\n                        paint: {\n                            color: \"#eceeee\",\n                            index: 8,\n                            id: 10012,\n                            name: \"calm blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'calm blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        calm blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eaeaea\"\n                    data-id='10013'\n                    x-data='{\n                        paint: {\n                            color: \"#eaeaea\",\n                            index: 8,\n                            id: 10013,\n                            name: \"quicksilver\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'quicksilver') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        quicksilver\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efefed\"\n                    data-id='10014'\n                    x-data='{\n                        paint: {\n                            color: \"#efefed\",\n                            index: 8,\n                            id: 10014,\n                            name: \"whispy\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'whispy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        whispy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2f3f2\"\n                    data-id='10015'\n                    x-data='{\n                        paint: {\n                            color: \"#f2f3f2\",\n                            index: 8,\n                            id: 10015,\n                            name: \"feeling blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'feeling blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        feeling blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf4ea\"\n                    data-id='10016'\n                    x-data='{\n                        paint: {\n                            color: \"#faf4ea\",\n                            index: 8,\n                            id: 10016,\n                            name: \"silk aspiration\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'silk aspiration') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        silk aspiration\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9f5e9\"\n                    data-id='10017'\n                    x-data='{\n                        paint: {\n                            color: \"#f9f5e9\",\n                            index: 8,\n                            id: 10017,\n                            name: \"bright almond\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'bright almond') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        bright almond\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf4e8\"\n                    data-id='10018'\n                    x-data='{\n                        paint: {\n                            color: \"#faf4e8\",\n                            index: 8,\n                            id: 10018,\n                            name: \"light flower\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'light flower') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light flower\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f5f2\"\n                    data-id='10019'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f5f2\",\n                            index: 8,\n                            id: 10019,\n                            name: \"subtle touch\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'subtle touch') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        subtle touch\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbf1e5\"\n                    data-id='10020'\n                    x-data='{\n                        paint: {\n                            color: \"#fbf1e5\",\n                            index: 8,\n                            id: 10020,\n                            name: \"peach light\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'peach light') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        peach light\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fbf1e1\"\n                    data-id='10021'\n                    x-data='{\n                        paint: {\n                            color: \"#fbf1e1\",\n                            index: 8,\n                            id: 10021,\n                            name: \"vanilla delight\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'vanilla delight') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        vanilla delight\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf3e4\"\n                    data-id='10022'\n                    x-data='{\n                        paint: {\n                            color: \"#faf3e4\",\n                            index: 8,\n                            id: 10022,\n                            name: \"candle wax\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'candle wax') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        candle wax\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf3e6\"\n                    data-id='10023'\n                    x-data='{\n                        paint: {\n                            color: \"#faf3e6\",\n                            index: 8,\n                            id: 10023,\n                            name: \"softy lit\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'softy lit') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        softy lit\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9eeea\"\n                    data-id='10024'\n                    x-data='{\n                        paint: {\n                            color: \"#f9eeea\",\n                            index: 8,\n                            id: 10024,\n                            name: \"rose affair\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose affair') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose affair\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4eeec\"\n                    data-id='10025'\n                    x-data='{\n                        paint: {\n                            color: \"#f4eeec\",\n                            index: 8,\n                            id: 10025,\n                            name: \"slight rose\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'slight rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        slight rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4edec\"\n                    data-id='10026'\n                    x-data='{\n                        paint: {\n                            color: \"#f4edec\",\n                            index: 8,\n                            id: 10026,\n                            name: \"rosy-tinted\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rosy-tinted') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rosy-tinted\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f4f2\"\n                    data-id='10027'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f4f2\",\n                            index: 8,\n                            id: 10027,\n                            name: \"wisp of pink\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wisp of pink') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wisp of pink\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8eff3\"\n                    data-id='10028'\n                    x-data='{\n                        paint: {\n                            color: \"#e8eff3\",\n                            index: 8,\n                            id: 10028,\n                            name: \"charming blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'charming blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        charming blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecf2f3\"\n                    data-id='10029'\n                    x-data='{\n                        paint: {\n                            color: \"#ecf2f3\",\n                            index: 8,\n                            id: 10029,\n                            name: \"blue dream\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blue dream') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blue dream\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f2e8e7\"\n                    data-id='10030'\n                    x-data='{\n                        paint: {\n                            color: \"#f2e8e7\",\n                            index: 8,\n                            id: 10030,\n                            name: \"violet vista\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['ecolith-aussen', 'ecolith-innen', 'lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet vista') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet vista\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9ede8\"\n                    data-id='10031'\n                    x-data='{\n                        paint: {\n                            color: \"#f9ede8\",\n                            index: 8,\n                            id: 10031,\n                            name: \"pink blush\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pink blush') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pink blush\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edf6f3\"\n                    data-id='10032'\n                    x-data='{\n                        paint: {\n                            color: \"#edf6f3\",\n                            index: 8,\n                            id: 10032,\n                            name: \"light breeze\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'light breeze') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light breeze\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edf3f3\"\n                    data-id='10033'\n                    x-data='{\n                        paint: {\n                            color: \"#edf3f3\",\n                            index: 8,\n                            id: 10033,\n                            name: \"cool hint\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cool hint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cool hint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1f6f3\"\n                    data-id='10034'\n                    x-data='{\n                        paint: {\n                            color: \"#f1f6f3\",\n                            index: 8,\n                            id: 10034,\n                            name: \"touch of blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'touch of blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        touch of blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eaf1f3\"\n                    data-id='10035'\n                    x-data='{\n                        paint: {\n                            color: \"#eaf1f3\",\n                            index: 8,\n                            id: 10035,\n                            name: \"clear horizon\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'clear horizon') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        clear horizon\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f8e0\"\n                    data-id='10036'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f8e0\",\n                            index: 8,\n                            id: 10036,\n                            name: \"lime white\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lime white') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lime white\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1f4e3\"\n                    data-id='10037'\n                    x-data='{\n                        paint: {\n                            color: \"#f1f4e3\",\n                            index: 8,\n                            id: 10037,\n                            name: \"green bliss\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green bliss') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green bliss\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ecf1e8\"\n                    data-id='10038'\n                    x-data='{\n                        paint: {\n                            color: \"#ecf1e8\",\n                            index: 8,\n                            id: 10038,\n                            name: \"soft lily\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft lily') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft lily\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1f4ec\"\n                    data-id='10039'\n                    x-data='{\n                        paint: {\n                            color: \"#f1f4ec\",\n                            index: 8,\n                            id: 10039,\n                            name: \"green whisper\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'green whisper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        green whisper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faf5e1\"\n                    data-id='10040'\n                    x-data='{\n                        paint: {\n                            color: \"#faf5e1\",\n                            index: 8,\n                            id: 10040,\n                            name: \"carmelia\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'carmelia') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        carmelia\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9f6e5\"\n                    data-id='10041'\n                    x-data='{\n                        paint: {\n                            color: \"#f9f6e5\",\n                            index: 8,\n                            id: 10041,\n                            name: \"hint of mint\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'hint of mint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        hint of mint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9f6e1\"\n                    data-id='10042'\n                    x-data='{\n                        paint: {\n                            color: \"#f9f6e1\",\n                            index: 8,\n                            id: 10042,\n                            name: \"wonderment\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'wonderment') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        wonderment\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f8e7\"\n                    data-id='10043'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f8e7\",\n                            index: 8,\n                            id: 10043,\n                            name: \"pale mint\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pale mint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pale mint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebeadf\"\n                    data-id='18446'\n                    x-data='{\n                        paint: {\n                            color: \"#ebeadf\",\n                            index: 8,\n                            id: 18446,\n                            name: \"transparent\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['holzlasur', ], 'transparent') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        transparent\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ffffff\"\n                    data-id='18447'\n                    x-data='{\n                        paint: {\n                            color: \"#ffffff\",\n                            index: 8,\n                            id: 18447,\n                            name: \"feather\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['holzlasur', ], 'feather') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        feather\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6e4da\"\n                    data-id='17928'\n                    x-data='{\n                        paint: {\n                            color: \"#e6e4da\",\n                            index: 8,\n                            id: 17928,\n                            name: \"morning dew\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'morning dew') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        morning dew\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f7f4d3\"\n                    data-id='18448'\n                    x-data='{\n                        paint: {\n                            color: \"#f7f4d3\",\n                            index: 8,\n                            id: 18448,\n                            name: \"coconut\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['holzlasur', ], 'coconut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        coconut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eeece5\"\n                    data-id='17826'\n                    x-data='{\n                        paint: {\n                            color: \"#eeece5\",\n                            index: 8,\n                            id: 17826,\n                            name: \"blizzard\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'blizzard') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        blizzard\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9ded1\"\n                    data-id='17843'\n                    x-data='{\n                        paint: {\n                            color: \"#e9ded1\",\n                            index: 8,\n                            id: 17843,\n                            name: \"cotton field\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cotton field') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cotton field\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3e5e6\"\n                    data-id='17851'\n                    x-data='{\n                        paint: {\n                            color: \"#e3e5e6\",\n                            index: 8,\n                            id: 17851,\n                            name: \"dusty iris\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dusty iris') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dusty iris\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3dfdc\"\n                    data-id='17858'\n                    x-data='{\n                        paint: {\n                            color: \"#e3dfdc\",\n                            index: 8,\n                            id: 17858,\n                            name: \"evening breeze\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'evening breeze') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        evening breeze\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1f5e1\"\n                    data-id='17913'\n                    x-data='{\n                        paint: {\n                            color: \"#f1f5e1\",\n                            index: 8,\n                            id: 17913,\n                            name: \"lemon sorbet\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lemon sorbet') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lemon sorbet\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcdfe1\"\n                    data-id='17916'\n                    x-data='{\n                        paint: {\n                            color: \"#dcdfe1\",\n                            index: 8,\n                            id: 17916,\n                            name: \"light pebble\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'light pebble') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light pebble\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1e2e3\"\n                    data-id='17919'\n                    x-data='{\n                        paint: {\n                            color: \"#e1e2e3\",\n                            index: 8,\n                            id: 17919,\n                            name: \"lilac spray\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac spray') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac spray\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8eceb\"\n                    data-id='17920'\n                    x-data='{\n                        paint: {\n                            color: \"#e8eceb\",\n                            index: 8,\n                            id: 17920,\n                            name: \"little sleet\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'little sleet') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        little sleet\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eee1dd\"\n                    data-id='17921'\n                    x-data='{\n                        paint: {\n                            color: \"#eee1dd\",\n                            index: 8,\n                            id: 17921,\n                            name: \"lotus touch\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lotus touch') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lotus touch\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e0d9d6\"\n                    data-id='17922'\n                    x-data='{\n                        paint: {\n                            color: \"#e0d9d6\",\n                            index: 8,\n                            id: 17922,\n                            name: \"mauve hint\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mauve hint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mauve hint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7e6e2\"\n                    data-id='17941'\n                    x-data='{\n                        paint: {\n                            color: \"#e7e6e2\",\n                            index: 8,\n                            id: 17941,\n                            name: \"porcelain\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'porcelain') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        porcelain\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8e0d9\"\n                    data-id='17959'\n                    x-data='{\n                        paint: {\n                            color: \"#e8e0d9\",\n                            index: 8,\n                            id: 17959,\n                            name: \"rose fog\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose fog') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose fog\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eae5e6\"\n                    data-id='17961'\n                    x-data='{\n                        paint: {\n                            color: \"#eae5e6\",\n                            index: 8,\n                            id: 17961,\n                            name: \"rose water\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose water') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose water\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8e7e6\"\n                    data-id='17962'\n                    x-data='{\n                        paint: {\n                            color: \"#e8e7e6\",\n                            index: 8,\n                            id: 17962,\n                            name: \"salty touch\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'salty touch') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        salty touch\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eaeceb\"\n                    data-id='17979'\n                    x-data='{\n                        paint: {\n                            color: \"#eaeceb\",\n                            index: 8,\n                            id: 17979,\n                            name: \"snowdrift\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'snowdrift') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        snowdrift\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6e5e4\"\n                    data-id='17981'\n                    x-data='{\n                        paint: {\n                            color: \"#e6e5e4\",\n                            index: 8,\n                            id: 17981,\n                            name: \"soft daisy\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft daisy') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft daisy\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4ded1\"\n                    data-id='17982'\n                    x-data='{\n                        paint: {\n                            color: \"#e4ded1\",\n                            index: 8,\n                            id: 17982,\n                            name: \"soft linen\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft linen') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft linen\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1e7e8\"\n                    data-id='17990'\n                    x-data='{\n                        paint: {\n                            color: \"#e1e7e8\",\n                            index: 8,\n                            id: 17990,\n                            name: \"tiny blue\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'tiny blue') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        tiny blue\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eae9ea\"\n                    data-id='17992'\n                    x-data='{\n                        paint: {\n                            color: \"#eae9ea\",\n                            index: 8,\n                            id: 17992,\n                            name: \"violet dust\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'violet dust') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        violet dust\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9ebeb\"\n                    data-id='18013'\n                    x-data='{\n                        paint: {\n                            color: \"#e9ebeb\",\n                            index: 8,\n                            id: 18013,\n                            name: \"white plum\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'white plum') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        white plum\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8f0f2\"\n                    data-id='18022'\n                    x-data='{\n                        paint: {\n                            color: \"#e8f0f2\",\n                            index: 8,\n                            id: 18022,\n                            name: \"winter whisper\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'winter whisper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        winter whisper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dadad9\"\n                    data-id='18023'\n                    x-data='{\n                        paint: {\n                            color: \"#dadad9\",\n                            index: 8,\n                            id: 18023,\n                            name: \"winterbloom\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('off-whites', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'winterbloom') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        winterbloom\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e7f4e8\"\n                    data-id='17824'\n                    x-data='{\n                        paint: {\n                            color: \"#e7f4e8\",\n                            index: 9,\n                            id: 17824,\n                            name: \"atmosphere\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'atmosphere') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        atmosphere\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #edf4d9\"\n                    data-id='17910'\n                    x-data='{\n                        paint: {\n                            color: \"#edf4d9\",\n                            index: 9,\n                            id: 17910,\n                            name: \"honeydew\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'honeydew') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        honeydew\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eaceca\"\n                    data-id='17958'\n                    x-data='{\n                        paint: {\n                            color: \"#eaceca\",\n                            index: 9,\n                            id: 17958,\n                            name: \"romantic\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'romantic') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        romantic\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcebf2\"\n                    data-id='17911'\n                    x-data='{\n                        paint: {\n                            color: \"#dcebf2\",\n                            index: 9,\n                            id: 17911,\n                            name: \"ice fjord\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ice fjord') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ice fjord\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6f3f1\"\n                    data-id='17914'\n                    x-data='{\n                        paint: {\n                            color: \"#e6f3f1\",\n                            index: 9,\n                            id: 17914,\n                            name: \"light aqua\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'light aqua') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light aqua\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9ecd0\"\n                    data-id='17915'\n                    x-data='{\n                        paint: {\n                            color: \"#f9ecd0\",\n                            index: 9,\n                            id: 17915,\n                            name: \"light delight\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'light delight') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light delight\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1eaeb\"\n                    data-id='17918'\n                    x-data='{\n                        paint: {\n                            color: \"#f1eaeb\",\n                            index: 9,\n                            id: 17918,\n                            name: \"lilac aura\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'lilac aura') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        lilac aura\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #deedf2\"\n                    data-id='17923'\n                    x-data='{\n                        paint: {\n                            color: \"#deedf2\",\n                            index: 9,\n                            id: 17923,\n                            name: \"melting icecube\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'melting icecube') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        melting icecube\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8d4cb\"\n                    data-id='17924'\n                    x-data='{\n                        paint: {\n                            color: \"#e8d4cb\",\n                            index: 9,\n                            id: 17924,\n                            name: \"midsummer dust\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'midsummer dust') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        midsummer dust\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5f0ec\"\n                    data-id='17925'\n                    x-data='{\n                        paint: {\n                            color: \"#e5f0ec\",\n                            index: 9,\n                            id: 17925,\n                            name: \"mint scent\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'mint scent') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        mint scent\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #efe2cc\"\n                    data-id='17926'\n                    x-data='{\n                        paint: {\n                            color: \"#efe2cc\",\n                            index: 9,\n                            id: 17926,\n                            name: \"moonlight\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moonlight') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moonlight\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f7f5cc\"\n                    data-id='17825'\n                    x-data='{\n                        paint: {\n                            color: \"#f7f5cc\",\n                            index: 9,\n                            id: 17825,\n                            name: \"birdsong\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'birdsong') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        birdsong\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3ddd0\"\n                    data-id='17929'\n                    x-data='{\n                        paint: {\n                            color: \"#e3ddd0\",\n                            index: 9,\n                            id: 17929,\n                            name: \"natural beige\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'natural beige') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        natural beige\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e5e2d8\"\n                    data-id='17936'\n                    x-data='{\n                        paint: {\n                            color: \"#e5e2d8\",\n                            index: 9,\n                            id: 17936,\n                            name: \"ostrich egg\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ostrich egg') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ostrich egg\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8d6d1\"\n                    data-id='17937'\n                    x-data='{\n                        paint: {\n                            color: \"#d8d6d1\",\n                            index: 9,\n                            id: 17937,\n                            name: \"pale grey\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pale grey') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pale grey\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e6e0d5\"\n                    data-id='17938'\n                    x-data='{\n                        paint: {\n                            color: \"#e6e0d5\",\n                            index: 9,\n                            id: 17938,\n                            name: \"pale ivory\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'pale ivory') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        pale ivory\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5e0c9\"\n                    data-id='17939'\n                    x-data='{\n                        paint: {\n                            color: \"#f5e0c9\",\n                            index: 9,\n                            id: 17939,\n                            name: \"peach sand\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'peach sand') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        peach sand\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #ebe6e7\"\n                    data-id='17940'\n                    x-data='{\n                        paint: {\n                            color: \"#ebe6e7\",\n                            index: 9,\n                            id: 17940,\n                            name: \"perfume powder\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'perfume powder') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        perfume powder\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e3e1db\"\n                    data-id='17942'\n                    x-data='{\n                        paint: {\n                            color: \"#e3e1db\",\n                            index: 9,\n                            id: 17942,\n                            name: \"prism\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'prism') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        prism\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2ecf2\"\n                    data-id='17949'\n                    x-data='{\n                        paint: {\n                            color: \"#e2ecf2\",\n                            index: 9,\n                            id: 17949,\n                            name: \"quiet sea\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'quiet sea') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        quiet sea\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #faebcc\"\n                    data-id='17956'\n                    x-data='{\n                        paint: {\n                            color: \"#faebcc\",\n                            index: 9,\n                            id: 17956,\n                            name: \"ray of sunshine\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'ray of sunshine') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        ray of sunshine\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f4e7d2\"\n                    data-id='17839'\n                    x-data='{\n                        paint: {\n                            color: \"#f4e7d2\",\n                            index: 9,\n                            id: 17839,\n                            name: \"buttercake\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'buttercake') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        buttercake\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8ddd0\"\n                    data-id='17957'\n                    x-data='{\n                        paint: {\n                            color: \"#e8ddd0\",\n                            index: 9,\n                            id: 17957,\n                            name: \"rice paper\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rice paper') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rice paper\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f6ddd4\"\n                    data-id='17960'\n                    x-data='{\n                        paint: {\n                            color: \"#f6ddd4\",\n                            index: 9,\n                            id: 17960,\n                            name: \"rose quartz\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'rose quartz') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        rose quartz\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e2f0f2\"\n                    data-id='17963'\n                    x-data='{\n                        paint: {\n                            color: \"#e2f0f2\",\n                            index: 9,\n                            id: 17963,\n                            name: \"scandic nuance\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'scandic nuance') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        scandic nuance\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1f5d2\"\n                    data-id='17976'\n                    x-data='{\n                        paint: {\n                            color: \"#f1f5d2\",\n                            index: 9,\n                            id: 17976,\n                            name: \"shooting star\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shooting star') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shooting star\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae6ce\"\n                    data-id='17977'\n                    x-data='{\n                        paint: {\n                            color: \"#fae6ce\",\n                            index: 9,\n                            id: 17977,\n                            name: \"shy apricot\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'shy apricot') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        shy apricot\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4d0cc\"\n                    data-id='17978'\n                    x-data='{\n                        paint: {\n                            color: \"#e4d0cc\",\n                            index: 9,\n                            id: 17978,\n                            name: \"sleepy pink\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sleepy pink') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sleepy pink\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1d9cb\"\n                    data-id='17980'\n                    x-data='{\n                        paint: {\n                            color: \"#e1d9cb\",\n                            index: 9,\n                            id: 17980,\n                            name: \"soft cashew\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft cashew') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft cashew\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae8d4\"\n                    data-id='17983'\n                    x-data='{\n                        paint: {\n                            color: \"#fae8d4\",\n                            index: 9,\n                            id: 17983,\n                            name: \"soft peach\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'soft peach') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        soft peach\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9efce\"\n                    data-id='17912'\n                    x-data='{\n                        paint: {\n                            color: \"#f9efce\",\n                            index: 9,\n                            id: 17912,\n                            name: \"june day\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'june day') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        june day\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9efcc\"\n                    data-id='17984'\n                    x-data='{\n                        paint: {\n                            color: \"#f9efcc\",\n                            index: 9,\n                            id: 17984,\n                            name: \"spring awakening\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'spring awakening') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        spring awakening\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d9e9f2\"\n                    data-id='17841'\n                    x-data='{\n                        paint: {\n                            color: \"#d9e9f2\",\n                            index: 9,\n                            id: 17841,\n                            name: \"cloudy sky\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'cloudy sky') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        cloudy sky\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e1e2dc\"\n                    data-id='17917'\n                    x-data='{\n                        paint: {\n                            color: \"#e1e2dc\",\n                            index: 9,\n                            id: 17917,\n                            name: \"light taupe\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'light taupe') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        light taupe\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f8f1d4\"\n                    data-id='17985'\n                    x-data='{\n                        paint: {\n                            color: \"#f8f1d4\",\n                            index: 9,\n                            id: 17985,\n                            name: \"sprinkle of yellow\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sprinkle of yellow') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sprinkle of yellow\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #fae7cf\"\n                    data-id='17986'\n                    x-data='{\n                        paint: {\n                            color: \"#fae7cf\",\n                            index: 9,\n                            id: 17986,\n                            name: \"starflower\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'starflower') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        starflower\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eec8c0\"\n                    data-id='17987'\n                    x-data='{\n                        paint: {\n                            color: \"#eec8c0\",\n                            index: 9,\n                            id: 17987,\n                            name: \"strawberry delight\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'strawberry delight') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        strawberry delight\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3d4cc\"\n                    data-id='17988'\n                    x-data='{\n                        paint: {\n                            color: \"#f3d4cc\",\n                            index: 9,\n                            id: 17988,\n                            name: \"strawberry kiss\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'strawberry kiss') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        strawberry kiss\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f1cdc6\"\n                    data-id='17989'\n                    x-data='{\n                        paint: {\n                            color: \"#f1cdc6\",\n                            index: 9,\n                            id: 17989,\n                            name: \"sweet rose\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'sweet rose') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        sweet rose\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f0e8d8\"\n                    data-id='17991'\n                    x-data='{\n                        paint: {\n                            color: \"#f0e8d8\",\n                            index: 9,\n                            id: 17991,\n                            name: \"twinkle star\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'twinkle star') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        twinkle star\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9ead2\"\n                    data-id='17927'\n                    x-data='{\n                        paint: {\n                            color: \"#f9ead2\",\n                            index: 9,\n                            id: 17927,\n                            name: \"moonscape\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'moonscape') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        moonscape\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e9ddd3\"\n                    data-id='18005'\n                    x-data='{\n                        paint: {\n                            color: \"#e9ddd3\",\n                            index: 9,\n                            id: 18005,\n                            name: \"water chestnut\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'water chestnut') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        water chestnut\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4e2d8\"\n                    data-id='18012'\n                    x-data='{\n                        paint: {\n                            color: \"#e4e2d8\",\n                            index: 9,\n                            id: 18012,\n                            name: \"white flour\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'white flour') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        white flour\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dbccb8\"\n                    data-id='18014'\n                    x-data='{\n                        paint: {\n                            color: \"#dbccb8\",\n                            index: 9,\n                            id: 18014,\n                            name: \"white truffle\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'white truffle') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        white truffle\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #dcd5cb\"\n                    data-id='18021'\n                    x-data='{\n                        paint: {\n                            color: \"#dcd5cb\",\n                            index: 9,\n                            id: 18021,\n                            name: \"windless day\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'windless day') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        windless day\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f3d6c6\"\n                    data-id='17842'\n                    x-data='{\n                        paint: {\n                            color: \"#f3d6c6\",\n                            index: 9,\n                            id: 17842,\n                            name: \"coastal cottage\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'coastal cottage') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        coastal cottage\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e8e8d6\"\n                    data-id='18030'\n                    x-data='{\n                        paint: {\n                            color: \"#e8e8d6\",\n                            index: 9,\n                            id: 18030,\n                            name: \"young hops\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'young hops') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        young hops\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f9eed8\"\n                    data-id='18038'\n                    x-data='{\n                        paint: {\n                            color: \"#f9eed8\",\n                            index: 9,\n                            id: 18038,\n                            name: \"almond milk\",\n                            price_group: \"2\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'almond milk') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        almond milk\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #eae1d4\"\n                    data-id='17850'\n                    x-data='{\n                        paint: {\n                            color: \"#eae1d4\",\n                            index: 9,\n                            id: 17850,\n                            name: \"dreamside\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'dreamside') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        dreamside\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #e4e8de\"\n                    data-id='17889'\n                    x-data='{\n                        paint: {\n                            color: \"#e4e8de\",\n                            index: 9,\n                            id: 17889,\n                            name: \"frosty mint\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'frosty mint') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        frosty mint\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #d8d5cf\"\n                    data-id='17902'\n                    x-data='{\n                        paint: {\n                            color: \"#d8d5cf\",\n                            index: 9,\n                            id: 17902,\n                            name: \"greige\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'greige') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        greige\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <li \n                    class='colours-for-life__tile'\n                    style=\"--color: #f5f0f1\"\n                    data-id='17909'\n                    x-data='{\n                        paint: {\n                            color: \"#f5f0f1\",\n                            index: 9,\n                            id: 17909,\n                            name: \"himalaya salt\",\n                            price_group: \"1\",\n                            structure_opacity: 100,\n                            description: \"\",\n                            related: [],\n                        },\n                    }'\n                    :class=\"paintIsActive('soft-toene', ['lack-glaenzend', 'lack-matt', 'lehmfarbe', 'wandfarbe', ], 'himalaya salt') ? 'colours-for-life__tile--visible' : 'colours-for-life__tile--hidden'\"\n                    x-cloak\n                    x-init=''\n                >\n                    <a href='#' @click.prevent=\"activePaint = paint; modalOpen = true\">\n                        himalaya salt\n                    <\/a>\n                    <a href='#' class='no-modal-link'                     <a href='#' @click.prevent=\"activePaint = paint\">><\/a>\n                <\/li>\n                <\/ul>\n                <template x-if='activePaint'>\n                    <div\n                        class='colours-for-life__modal' \n                        :style=\"`--color: ${activePaint.color}; --structure-opacity: ${activePaint.structure_opacity}`\"\n                        :class='{\"colours-for-life__modal--open\": modalOpen}'\n                        x-data\n                    >\n                        <a class='colours-for-life__modal__close' href='#' @click.prevent='modalOpen = false'>\n                            <i class='fa fa-close'><\/i>\n                        <\/a>\n                        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'wandfarbe' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'lehmfarbe' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'ecolith-innen' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-01.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-02.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-03.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-04.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-05.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-06.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-07.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-08.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-09.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-10.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-555-11.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'ecolith-aussen' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"599\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-01-1024x767.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-01-1024x767.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-01-300x225.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-01-768x576.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-01-1536x1151.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-01.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"484\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-02-1024x620.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-02-1024x620.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-02-300x182.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-02-768x465.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-02-1536x930.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-02.png 1981w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"448\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-03-1024x573.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-03-1024x573.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-03-300x168.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-03-768x430.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-03-1536x859.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-03-2048x1146.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'lack-glaenzend' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'lack-matt' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-01.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-02.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-03.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-1024x640.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-1024x640.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-300x188.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-768x480.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04-1536x960.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-04.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-05.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    \n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"459\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-1024x587.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-1024x587.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-300x172.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-768x440.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06-1536x880.png 1536w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/cfl-lacke-06.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n            <div\n                class='colours-for-life__slider splide' \n                x-show=\"'holzlasur' === activeCat.slug\"\n                x-init='initSlider($el)'\n            >\n                <div class='splide__track'>\n                    <div class='splide__list'>\n                        \n                <div class='splide__slide'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-1024x681.jpg\" class=\"colours-for-life__slider__image--overlay\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-1024x681.jpg 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-300x199.jpg 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-768x510.jpg 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang.jpg 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-1024x681.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-1024x681.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-300x199.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang-768x510.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Eingang.png 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-1024x681.jpg\" class=\"colours-for-life__slider__image--overlay\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-1024x681.jpg 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-300x199.jpg 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-768x510.jpg 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade.jpg 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-1024x681.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-1024x681.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-300x199.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade-768x510.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Fassade.png 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-1024x681.jpg\" class=\"colours-for-life__slider__image--overlay\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-1024x681.jpg 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-300x199.jpg 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-768x510.jpg 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer.jpg 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-1024x681.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-1024x681.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-300x199.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer-768x510.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Kinderzimmer.png 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                <div class='splide__slide'>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-1024x681.jpg\" class=\"colours-for-life__slider__image--overlay\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-1024x681.jpg 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-300x199.jpg 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-768x510.jpg 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun.jpg 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"532\" src=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-1024x681.png\" class=\"colours-for-life__slider__image\" alt=\"\" srcset=\"https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-1024x681.png 1024w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-300x199.png 300w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun-768x510.png 768w, https:\/\/auro.de\/wp-content\/uploads\/2023\/10\/AURO-Zaun.png 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n                <\/div>\n            \n                    <\/div>\n                <\/div>\n                <div class='colours-for-life__slider__btn-next'>\n                    <i class='fa fa-chevron-right'><\/i>\n                <\/div>\n                <div class='colours-for-life__slider__btn-prev'>\n                    <i class='fa fa-chevron-left'><\/i>\n                <\/div>\n            <\/div>\n        \n                        \n            <div \n                class='colours-for-life__info' \n                x-show=\"'wandfarbe' === activeCat.slug\"\n            >\n                <h2>Premium wall and ceiling paint<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/auro\/colours-for-life-premium-wall-and-ceiling-paint\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Price group <span x-text='activePaint?.price_group'><\/span>\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div \n                class='colours-for-life__info' \n                x-show=\"'lehmfarbe' === activeCat.slug\"\n            >\n                <h2>Professional clay paint<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/auro\/colours-for-life-professional-clay-paint\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Price group <span x-text='activePaint?.price_group'><\/span>\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div \n                class='colours-for-life__info' \n                x-show=\"'ecolith-innen' === activeCat.slug\"\n            >\n                <h2>Ecolith indoor<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/press\/press-photos\/professional-ecolith-indoor-and-outdoor-system\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Price group <span x-text='activePaint?.price_group'><\/span>\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div \n                class='colours-for-life__info' \n                x-show=\"'ecolith-aussen' === activeCat.slug\"\n            >\n                <h2>Ecolith outdoor<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/press\/press-photos\/professional-ecolith-indoor-and-outdoor-system\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Price group <span x-text='activePaint?.price_group'><\/span>\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div \n                class='colours-for-life__info' \n                x-show=\"'lack-glaenzend' === activeCat.slug\"\n            >\n                <h2>Gloss paint<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/auro\/colours-for-life-lacquer-glossy\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Prices\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div \n                class='colours-for-life__info' \n                x-show=\"'lack-matt' === activeCat.slug\"\n            >\n                <h2>Satin paint<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/auro\/colours-for-life-lacquer-matt\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Prices\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div \n                class='colours-for-life__info' \n                x-show=\"'holzlasur' === activeCat.slug\"\n            >\n                <h2>Wood stain<\/h2>\n                <div class='colours-for-life__info__color-name' x-text='activePaint?.name'><\/div>\n                <div class='colours-for-life__info__color-description' x-html='decodeURIComponent(activePaint?.description ?? \"\")' x-show='activePaint?.description'><\/div>\n                <div class='colours-for-life__info__related' x-show='activePaint?.related ? Object.keys(activePaint.related).length > 0 : false'>\n                    <h3>Matching the colour<\/h3>\n                    <ul>\n                        <template x-for='(paint, index) in activePaint?.related' :key='index'>\n                             <li :style='`--color: ${paint.color};`'>\n                                <a href='#' @click.prevent='clickPaint(paint.id)'>\n                                    <span x-text='paint.name'><\/span>\n                                <\/a>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                <\/div>\n                <div class='colours-for-life__info__buttons'>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/dealer-search\/'>Find store<\/a>\n                    <a class='elementor-button elementor-button-link elementor-size-sm' href='https:\/\/auro.de\/en\/auro\/colours-for-life-wood-stain\/'>Product information<\/a>\n                    <a class='preisinfo' href='#' @click.prevent=\"activePriceGroup = activePaint?.price_group; $dispatch('update-pricegroupstring', { text: $event.target.innerText })\">\n                        <span class='text'>\n                            Prices\n                        <\/span>\n                        <i class='fa fa-info-circle'><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n                    <\/div>\n                <\/template>\n            <\/div>      \n            <div \n                class='colours-for-life__price-modal'\n                x-transition.opacity\n                x-show='activePriceGroup'\n            >\n                <div \n                    :style=\"'--color: ' + activePaint?.color\"\n                    class='colours-for-life__price-modal__bg' \n                    @click.prevent='activePriceGroup = null'      \n                >\n                <\/div>\n                <div \n                    x-data=\"{priceGroupString: ''}\"\n                    @update-pricegroupstring.window=\"priceGroupString = $event.detail.text\"\n                    class='colours-for-life__price-content'\n                    x-show='activePriceGroup'\n                    x-transition:enter.scale.95\n                >\n                    <div class='colours-for-life__price-title'>\n                        <h2><span x-text='priceGroupString'><\/span><\/h2>\n                        <a href='#' @click.prevent='activePriceGroup = null' class='close-button'>\n                            <i class='fa fa-close'><\/i>\n                        <\/a>\n                    <\/div>\n                    \n            <template x-if=\"1 == activePriceGroup && 'wandfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"1 == activePriceGroup && 'holzlasur' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"1 == activePriceGroup && 'lehmfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"1 == activePriceGroup && 'ecolith-innen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>5 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"1 == activePriceGroup && 'ecolith-aussen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>4 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"1 == activePriceGroup && 'lack-matt' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"1 == activePriceGroup && 'lack-glaenzend' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'wandfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'lehmfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'ecolith-innen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>5 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'ecolith-aussen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>4 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'lack-glaenzend' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'lack-matt' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"2 == activePriceGroup && 'holzlasur' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'wandfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'lehmfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'ecolith-innen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>5 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'ecolith-aussen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>4 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'lack-glaenzend' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'lack-matt' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"3 == activePriceGroup && 'holzlasur' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'wandfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'lehmfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'ecolith-innen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>5 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'ecolith-aussen' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>4 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>See technical data sheet<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'lack-glaenzend' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'lack-matt' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"4 == activePriceGroup && 'holzlasur' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"5 == activePriceGroup && 'wandfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"5 == activePriceGroup && 'lehmfarbe' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>1 L<\/td>\n                    \n                    \n                    <td>9 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>23 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>90 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"5 == activePriceGroup && 'lack-glaenzend' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"5 == activePriceGroup && 'lack-matt' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,375 L<\/td>\n                    \n                    \n                    <td>5 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n            <template x-if=\"5 == activePriceGroup && 'holzlasur' === activeCat?.slug\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Size \/ Liter<\/th>\n                            \n                            \n                            <th>Coverage \/ sqm<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        \n                <tr>\n                    <td>0,75 L<\/td>\n                    \n                    \n                    <td>10 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>2,5 L<\/td>\n                    \n                    \n                    <td>31 qm<\/td>\n                <\/tr>\n            \n                <tr>\n                    <td>10 L<\/td>\n                    \n                    \n                    <td>125 qm<\/td>\n                <\/tr>\n            \n                    <\/tbody>\n                <\/table>\n            <\/template>\n        \n                <\/div>\n            <\/div>\n        <\/div>\n    \t\t<div class=\"elementor-shortcode\"> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Desired colours COLOURS FOR LIFE Environmentally friendly paints for indoors [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":55834,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-29357","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/pages\/29357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/comments?post=29357"}],"version-history":[{"count":27,"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/pages\/29357\/revisions"}],"predecessor-version":[{"id":52573,"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/pages\/29357\/revisions\/52573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/media\/55834"}],"wp:attachment":[{"href":"https:\/\/auro.de\/wp-json\/wp\/v2\/media?parent=29357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}