{"title":"SICIS® Ragtime Glasmosaike","description":"\u003cp\u003eSICIS® Ragtime Glasmosaike aus Italien. Transparentes Smalto-Glas mit glatter, polierter Oberfläche und leicht gerundeten Kanten. Die Herstellerbeschreibung nennt eine Nominalstärke von 4 ± 1 mm. Entdecken Sie Farben und Formate der Kollektion bei Tiamont.\u003c\/p\u003e","products":[{"product_id":"sicis-glasmosaik-ragtime-jelly-roll","title":"Jelly-Roll | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-jelly-roll-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eJelly-Roll.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Jelly-Roll comes in yellow-green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jelly-roll-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jelly-roll-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jelly-roll-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jelly-roll-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jelly-roll-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jelly-roll-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-jelly-roll-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-jelly-roll-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eJelly-Roll relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Yellow-green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-jelly-roll-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/jelly-roll\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eJelly-Roll product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-jelly-roll-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Jelly-Roll creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-jelly-roll-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Jelly-Roll: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-jelly-roll-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-jelly-roll-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-jelly-roll-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-jelly-roll-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-jelly-roll-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071479049,"sku":"SICIS-RAGTIME-JELLY-ROLL","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/jelly-roll-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731495"},{"product_id":"sicis-glasmosaik-ragtime-banjo","title":"Banjo | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-banjo-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eBanjo.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Banjo, the glass plays with beige tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-banjo-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-banjo-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-banjo-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-banjo-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-banjo-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-banjo-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-banjo-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-banjo-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBanjo relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Beige.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-banjo-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/banjo\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eBanjo product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-banjo-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Banjo creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-banjo-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Banjo: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-banjo-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-banjo-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-banjo-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-banjo-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-banjo-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071511817,"sku":"SICIS-RAGTIME-BANJO","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/banjo-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731458"},{"product_id":"sicis-glasmosaik-ragtime-sousa","title":"Sousa | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-sousa-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eSousa.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Sousa reveals itself in rosé tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-sousa-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-sousa-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-sousa-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-sousa-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-sousa-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-sousa-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-sousa-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-sousa-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSousa relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Pink.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-sousa-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/sousa\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSousa product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-sousa-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Sousa creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-sousa-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Sousa: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-sousa-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-sousa-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-sousa-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-sousa-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-sousa-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071544585,"sku":"SICIS-RAGTIME-SOUSA","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sousa-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731466"},{"product_id":"sicis-glasmosaik-ragtime-johnson","title":"Johnson | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-johnson-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eJohnson.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Johnson comes in warm brown tones and beige tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-johnson-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-johnson-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-johnson-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-johnson-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-johnson-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-johnson-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-johnson-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-johnson-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eJohnson relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Brown, Beige.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-johnson-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/johnson\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eJohnson product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-johnson-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Johnson creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-johnson-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Johnson: Tortora 215.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148664807689\"\u003eLitokol Starlike® EVO Tortora 215\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-johnson-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148664807689\"\u003eStarlike® EVO Tortora 215\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-johnson-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-johnson-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-johnson-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-johnson-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071577353,"sku":"SICIS-RAGTIME-JOHNSON","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/johnson-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731476"},{"product_id":"sicis-glasmosaik-ragtime-bethena","title":"Bethena | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-bethena-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eBethena.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Bethena reveals itself in grey tones and dark tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bethena-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bethena-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bethena-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bethena-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bethena-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bethena-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-bethena-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-bethena-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBethena relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Grey, Dark.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-bethena-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/bethena\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eBethena product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-bethena-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Bethena creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-bethena-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Bethena: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-bethena-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-bethena-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-bethena-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-bethena-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-bethena-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071610121,"sku":"SICIS-RAGTIME-BETHENA","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/bethena-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731484"},{"product_id":"sicis-glasmosaik-ragtime-storyville","title":"Storyville | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-storyville-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eStoryville.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Storyville, the glass plays with dark green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-storyville-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-storyville-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-storyville-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-storyville-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-storyville-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-storyville-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-storyville-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-storyville-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eStoryville relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-storyville-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/storyville\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eStoryville product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-storyville-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Storyville creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-storyville-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Storyville: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-storyville-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-storyville-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-storyville-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-storyville-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-storyville-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071642889,"sku":"SICIS-RAGTIME-STORYVILLE","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/storyville-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731492"},{"product_id":"sicis-glasmosaik-ragtime-ellington","title":"Ellington | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-ellington-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eEllington.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Ellington reveals itself in dark tones and light green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ellington-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ellington-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ellington-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ellington-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ellington-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ellington-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-ellington-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-ellington-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEllington relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark, Light green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-ellington-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/ellington\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEllington product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-ellington-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Ellington creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-ellington-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Ellington: Azzurro Caraibi 320.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148700557577\"\u003eLitokol Starlike® EVO Azzurro Caraibi 320\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-ellington-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148700557577\"\u003eStarlike® EVO Azzurro Caraibi 320\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-ellington-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-ellington-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-ellington-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-ellington-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071741193,"sku":"SICIS-RAGTIME-ELLINGTON","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/ellington-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731499"},{"product_id":"sicis-glasmosaik-ragtime-joplin","title":"Joplin | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-joplin-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eJoplin.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Joplin comes in dark tones and dark blue tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-joplin-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-joplin-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-joplin-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-joplin-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-joplin-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-joplin-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-joplin-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-joplin-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eJoplin relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark, Dark blue.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-joplin-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/joplin\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eJoplin product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-joplin-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Joplin creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-joplin-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Joplin: Blu Avio 330.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148707897609\"\u003eLitokol Starlike® EVO Blu Avio 330\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-joplin-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148707897609\"\u003eStarlike® EVO Blu Avio 330\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-joplin-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-joplin-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-joplin-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-joplin-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071806729,"sku":"SICIS-RAGTIME-JOPLIN","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/joplin-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731508"},{"product_id":"sicis-glasmosaik-ragtime-blind","title":"Blind | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-blind-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eBlind.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Blind reveals itself in golden accents.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-blind-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-blind-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-blind-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-blind-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-blind-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-blind-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-blind-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-blind-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBlind relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Gold.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-blind-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/blind\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eBlind product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-blind-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Blind creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-blind-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Blind: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-blind-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-blind-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-blind-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-blind-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-blind-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525071872265,"sku":"SICIS-RAGTIME-BLIND","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/blind-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731516"},{"product_id":"sicis-glasmosaik-ragtime-thrumping","title":"Thrumping | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-thrumping-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eThrumping.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Thrumping reveals itself in warm brown tones and beige tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-thrumping-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-thrumping-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-thrumping-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-thrumping-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-thrumping-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-thrumping-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-thrumping-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-thrumping-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThrumping relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Brown, Beige.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-thrumping-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/thrumping\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThrumping product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-thrumping-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Thrumping creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-thrumping-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Thrumping: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-thrumping-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-thrumping-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-thrumping-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-thrumping-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-thrumping-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072003337,"sku":"SICIS-RAGTIME-THRUMPING","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/thrumping-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731526"},{"product_id":"sicis-glasmosaik-ragtime-etta","title":"Etta | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-etta-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eEtta.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Etta reveals itself in turquoise tones and sea-blue tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-etta-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-etta-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-etta-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-etta-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-etta-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-etta-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-etta-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-etta-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEtta relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Turquoise, Sea blue.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-etta-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/etta\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEtta product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-etta-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Etta creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-etta-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Etta: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-etta-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-etta-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-etta-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-etta-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-etta-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072036105,"sku":"SICIS-RAGTIME-ETTA","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/etta-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731534"},{"product_id":"sicis-glasmosaik-ragtime-jugband","title":"Jugband | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-jugband-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eJugband.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Jugband comes in light green tones and turquoise tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jugband-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jugband-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jugband-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jugband-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jugband-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-jugband-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-jugband-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-jugband-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eJugband relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Light green, Turquoise.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-jugband-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/jugband\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eJugband product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-jugband-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Jugband creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-jugband-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Jugband: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-jugband-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-jugband-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-jugband-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-jugband-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-jugband-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072068873,"sku":"SICIS-RAGTIME-JUGBAND","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/jugband-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731542"},{"product_id":"sicis-glasmosaik-ragtime-bolcom","title":"Bolcom | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-bolcom-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eBolcom.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Bolcom, the glass plays with orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bolcom-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bolcom-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bolcom-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bolcom-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bolcom-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-bolcom-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-bolcom-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-bolcom-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBolcom relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-bolcom-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/bolcom\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eBolcom product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-bolcom-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Bolcom creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-bolcom-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Bolcom: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-bolcom-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-bolcom-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-bolcom-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-bolcom-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-bolcom-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072101641,"sku":"SICIS-RAGTIME-BOLCOM","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/bolcom-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731550"},{"product_id":"sicis-glasmosaik-ragtime-gary","title":"Gary | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-gary-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eGary.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Gary comes in beige tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gary-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gary-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gary-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gary-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gary-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gary-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-gary-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-gary-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGary relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Beige.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-gary-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/gary\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eGary product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-gary-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Gary creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-gary-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Gary: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-gary-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-gary-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-gary-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-gary-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-gary-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072134409,"sku":"SICIS-RAGTIME-GARY","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/gary-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731558"},{"product_id":"sicis-glasmosaik-ragtime-kennedy","title":"Kennedy | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-kennedy-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eKennedy.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Kennedy, the glass plays with dark green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-kennedy-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-kennedy-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-kennedy-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-kennedy-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-kennedy-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-kennedy-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-kennedy-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-kennedy-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKennedy relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-kennedy-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/kennedy\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eKennedy product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-kennedy-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Kennedy creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-kennedy-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Kennedy: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-kennedy-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-kennedy-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-kennedy-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-kennedy-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-kennedy-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072167177,"sku":"SICIS-RAGTIME-KENNEDY","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/kennedy-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731524"},{"product_id":"sicis-glasmosaik-ragtime-chauvin","title":"Chauvin | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-chauvin-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eChauvin.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Chauvin, the glass plays with grey tones and dark tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-chauvin-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-chauvin-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-chauvin-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-chauvin-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-chauvin-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-chauvin-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-chauvin-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-chauvin-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eChauvin relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Grey, Dark.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-chauvin-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/chauvin\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eChauvin product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-chauvin-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Chauvin creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-chauvin-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Chauvin: Bianco Titanio 105.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148633547017\"\u003eLitokol Starlike® EVO Bianco Titanio 105\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-chauvin-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148633547017\"\u003eStarlike® EVO Bianco Titanio 105\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-chauvin-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-chauvin-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-chauvin-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-chauvin-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525072199945,"sku":"SICIS-RAGTIME-CHAUVIN","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/chauvin-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793731531"},{"product_id":"sicis-glasmosaik-ragtime-davis","title":"Davis | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-davis-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eDavis.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Davis, the glass plays with grey tones and dark tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davis-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davis-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davis-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davis-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davis-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davis-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-davis-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-davis-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDavis relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Grey, Dark.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-davis-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/davis\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDavis product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-davis-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Davis creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-davis-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Davis: Nero Grafite 140.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148645572873\"\u003eLitokol Starlike® EVO Nero Grafite 140\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-davis-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148645572873\"\u003eStarlike® EVO Nero Grafite 140\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-davis-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-davis-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-davis-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-davis-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099102473,"sku":"SICIS-RAGTIME-DAVIS","price":883.08,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/davis-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732909"},{"product_id":"sicis-glasmosaik-ragtime-duke","title":"Duke | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-duke-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eDuke.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Duke, the glass plays with golden accents and dark tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-duke-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-duke-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-duke-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-duke-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-duke-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-duke-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-duke-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-duke-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDuke relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Gold, Dark.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-duke-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/duke\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDuke product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-duke-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Duke creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-duke-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Duke: Nero Carbonio 145.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148648030473\"\u003eLitokol Starlike® EVO Nero Carbonio 145\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-duke-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148648030473\"\u003eStarlike® EVO Nero Carbonio 145\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-duke-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-duke-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-duke-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-duke-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099135241,"sku":"SICIS-RAGTIME-DUKE","price":883.08,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/duke-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732917"},{"product_id":"sicis-glasmosaik-ragtime-cake-walk","title":"Cake-Walk | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-cake-walk-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eCake-Walk.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Cake-Walk, the glass plays with grey tones and turquoise tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cake-walk-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cake-walk-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cake-walk-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cake-walk-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cake-walk-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cake-walk-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-cake-walk-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-cake-walk-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCake-Walk relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Grey, Turquoise.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-cake-walk-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/cake-walk\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCake-Walk product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-cake-walk-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Cake-Walk creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-cake-walk-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Cake-Walk: Grigio Ardesia 130.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148642951433\"\u003eLitokol Starlike® EVO Grigio Ardesia 130\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-cake-walk-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148642951433\"\u003eStarlike® EVO Grigio Ardesia 130\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-cake-walk-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-cake-walk-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-cake-walk-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-cake-walk-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099168009,"sku":"SICIS-RAGTIME-CAKE-WALK","price":901.47,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/cake-walk-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732925"},{"product_id":"sicis-glasmosaik-ragtime-gigne","title":"Gigne | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-gigne-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eGigne.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Gigne reveals itself in dark tones and rosé tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gigne-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gigne-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gigne-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gigne-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gigne-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gigne-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-gigne-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-gigne-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGigne relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark, Pink.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-gigne-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/gigne\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eGigne product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-gigne-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Gigne creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-gigne-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Gigne: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-gigne-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-gigne-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-gigne-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-gigne-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-gigne-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099200777,"sku":"SICIS-RAGTIME-GIGNE","price":944.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/gigne-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732932"},{"product_id":"sicis-glasmosaik-ragtime-gerghwin","title":"Gerghwin | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-gerghwin-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eGerghwin.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Gerghwin reveals itself in dark tones and orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gerghwin-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gerghwin-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gerghwin-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gerghwin-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gerghwin-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-gerghwin-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-gerghwin-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-gerghwin-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGerghwin relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark, Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-gerghwin-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/gerghwin\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eGerghwin product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-gerghwin-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Gerghwin creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-gerghwin-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Gerghwin: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-gerghwin-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-gerghwin-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-gerghwin-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-gerghwin-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-gerghwin-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099233545,"sku":"SICIS-RAGTIME-GERGHWIN","price":975.06,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/gerghwin-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732940"},{"product_id":"sicis-glasmosaik-ragtime-elisabeth","title":"Elisabeth | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-elisabeth-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eElisabeth.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Elisabeth, the glass plays with grey tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-elisabeth-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-elisabeth-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-elisabeth-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-elisabeth-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-elisabeth-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-elisabeth-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-elisabeth-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-elisabeth-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eElisabeth relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Grey.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-elisabeth-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/elisabeth\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eElisabeth product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-elisabeth-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Elisabeth creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-elisabeth-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Elisabeth: Bianco Ghiaccio 102.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148555591945\"\u003eLitokol Starlike® EVO Bianco Ghiaccio 102\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-elisabeth-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148555591945\"\u003eStarlike® EVO Bianco Ghiaccio 102\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-elisabeth-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-elisabeth-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-elisabeth-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-elisabeth-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099299081,"sku":"SICIS-RAGTIME-ELISABETH","price":981.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/elisabeth-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732949"},{"product_id":"sicis-glasmosaik-ragtime-keith","title":"Keith | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-keith-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eKeith.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Keith comes in golden accents.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-keith-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-keith-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-keith-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-keith-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-keith-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-keith-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-keith-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-keith-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKeith relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Gold.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-keith-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/keith\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eKeith product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-keith-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Keith creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-keith-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Keith: Naturale 202.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148657434889\"\u003eLitokol Starlike® EVO Naturale 202\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-keith-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148657434889\"\u003eStarlike® EVO Naturale 202\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-keith-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-keith-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-keith-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-keith-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099462921,"sku":"SICIS-RAGTIME-KEITH","price":981.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/keith-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732939"},{"product_id":"sicis-glasmosaik-ragtime-hogan","title":"Hogan | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-hogan-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eHogan.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Hogan comes in orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-hogan-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-hogan-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-hogan-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-hogan-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-hogan-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-hogan-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-hogan-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-hogan-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eHogan relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-hogan-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/hogan\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHogan product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-hogan-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Hogan creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-hogan-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Hogan: Nero Carbonio 145.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148648030473\"\u003eLitokol Starlike® EVO Nero Carbonio 145\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-hogan-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148648030473\"\u003eStarlike® EVO Nero Carbonio 145\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-hogan-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-hogan-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-hogan-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-hogan-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099495689,"sku":"SICIS-RAGTIME-HOGAN","price":1067.05,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/hogan-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732947"},{"product_id":"sicis-glasmosaik-ragtime-slow-drag","title":"Slow-Drag | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-slow-drag-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eSlow-Drag.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Slow-Drag comes in orange-yellow tones and turquoise tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-slow-drag-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-slow-drag-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-slow-drag-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-slow-drag-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-slow-drag-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-slow-drag-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-slow-drag-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-slow-drag-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSlow-Drag relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Orange-yellow, Turquoise.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-slow-drag-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/slow-drag\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSlow-Drag product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-slow-drag-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Slow-Drag creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-slow-drag-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Slow-Drag: Verde Smeraldo 410.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148739748105\"\u003eLitokol Starlike® EVO Verde Smeraldo 410\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-slow-drag-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148739748105\"\u003eStarlike® EVO Verde Smeraldo 410\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-slow-drag-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-slow-drag-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-slow-drag-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-slow-drag-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099528457,"sku":"SICIS-RAGTIME-SLOW-DRAG","price":1165.17,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/slow-drag-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732954"},{"product_id":"sicis-glasmosaik-ragtime-two-step","title":"Two-step | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-two-step-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eTwo-step.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Two-step reveals itself in warm brown tones and orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-two-step-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-two-step-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-two-step-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-two-step-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-two-step-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-two-step-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-two-step-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-two-step-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTwo-step relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Brown, Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-two-step-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/two-step\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eTwo-step product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-two-step-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Two-step creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-two-step-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Two-step: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-two-step-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-two-step-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-two-step-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-two-step-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-two-step-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099561225,"sku":"SICIS-RAGTIME-TWO-STEP","price":1165.17,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/two-step-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732956"},{"product_id":"sicis-glasmosaik-ragtime-fox-trot","title":"Fox-Trot | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-fox-trot-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eFox-Trot.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Fox-Trot reveals itself in warm brown tones and rosé tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-fox-trot-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-fox-trot-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-fox-trot-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-fox-trot-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-fox-trot-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-fox-trot-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-fox-trot-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-fox-trot-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFox-Trot relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Brown, Pink, Beige.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-fox-trot-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/fox-trot\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eFox-Trot product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-fox-trot-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Fox-Trot creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-fox-trot-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Fox-Trot: Viola Ametista 530.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148788048137\"\u003eLitokol Starlike® EVO Viola Ametista 530\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-fox-trot-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148788048137\"\u003eStarlike® EVO Viola Ametista 530\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-fox-trot-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-fox-trot-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-fox-trot-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-fox-trot-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099593993,"sku":"SICIS-RAGTIME-FOX-TROT","price":1165.17,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/fox-trot-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732956"},{"product_id":"sicis-glasmosaik-ragtime-arpin","title":"Arpin | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-arpin-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eArpin.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Arpin reveals itself in light green tones and turquoise tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-arpin-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-arpin-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-arpin-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-arpin-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-arpin-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-arpin-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-arpin-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-arpin-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eArpin relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Light green, Turquoise, Sea blue, Dark blue.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-arpin-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/arpin\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eArpin product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-arpin-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Arpin creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-arpin-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Arpin: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.7 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-arpin-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-arpin-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-arpin-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-arpin-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-arpin-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099757833,"sku":"SICIS-RAGTIME-ARPIN","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/arpin-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732969"},{"product_id":"sicis-glasmosaik-ragtime-ashwander","title":"Ashwander | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-ashwander-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eAshwander.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Ashwander comes in violet tones and rosé tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ashwander-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ashwander-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ashwander-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ashwander-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ashwander-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-ashwander-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-ashwander-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-ashwander-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eAshwander relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Violet, Pink.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-ashwander-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/ashwander\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eAshwander product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-ashwander-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Ashwander creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-ashwander-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Ashwander: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-ashwander-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-ashwander-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-ashwander-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-ashwander-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-ashwander-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099790601,"sku":"SICIS-RAGTIME-ASHWANDER","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/ashwander-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732977"},{"product_id":"sicis-glasmosaik-ragtime-cotten","title":"Cotten | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-cotten-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eCotten.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Cotten, the glass plays with beige tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cotten-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cotten-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cotten-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cotten-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cotten-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-cotten-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-cotten-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-cotten-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCotten relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Beige.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-cotten-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/cotten\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCotten product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-cotten-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Cotten creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-cotten-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Cotten: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-cotten-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-cotten-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-cotten-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-cotten-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-cotten-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099856137,"sku":"SICIS-RAGTIME-COTTEN","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/cotten-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732978"},{"product_id":"sicis-glasmosaik-ragtime-skeith","title":"Skeith | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-skeith-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eSkeith.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Skeith, the glass plays with beige tones and yellow-green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-skeith-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-skeith-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-skeith-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-skeith-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-skeith-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-skeith-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-skeith-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-skeith-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSkeith relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Beige, Yellow-green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-skeith-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/skeith\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSkeith product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-skeith-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Skeith creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-skeith-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Skeith: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-skeith-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-skeith-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-skeith-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-skeith-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-skeith-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525099888905,"sku":"SICIS-RAGTIME-SKEITH","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/skeith-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732984"},{"product_id":"sicis-glasmosaik-ragtime-confrey","title":"Confrey | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-confrey-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eConfrey.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Confrey, the glass plays with orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-confrey-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-confrey-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-confrey-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-confrey-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-confrey-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-confrey-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-confrey-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-confrey-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eConfrey relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-confrey-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/confrey\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eConfrey product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-confrey-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Confrey creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-confrey-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Confrey: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-confrey-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-confrey-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-confrey-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-confrey-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-confrey-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100216585,"sku":"SICIS-RAGTIME-CONFREY","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/confrey-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733015"},{"product_id":"sicis-glasmosaik-ragtime-albright","title":"Albright | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-albright-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eAlbright.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Albright reveals itself in yellow-green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-albright-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-albright-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-albright-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-albright-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-albright-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-albright-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-albright-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-albright-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eAlbright relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Yellow-green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-albright-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/albright\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eAlbright product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-albright-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Albright creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-albright-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Albright: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.7 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-albright-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-albright-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-albright-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-albright-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-albright-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100282121,"sku":"SICIS-RAGTIME-ALBRIGHT","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/albright-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733030"},{"product_id":"sicis-glasmosaik-ragtime-davidson","title":"Davidson | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-davidson-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eDavidson.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Davidson, the glass plays with light green tones and turquoise tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davidson-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davidson-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davidson-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davidson-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davidson-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-davidson-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-davidson-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-davidson-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDavidson relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Light green, Turquoise.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-davidson-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/davidson\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDavidson product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-davidson-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Davidson creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-davidson-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Davidson: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-davidson-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-davidson-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-davidson-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-davidson-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-davidson-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100380425,"sku":"SICIS-RAGTIME-DAVIDSON","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/davidson-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733053"},{"product_id":"sicis-glasmosaik-ragtime-huges","title":"Huges | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-huges-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eHuges.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Huges comes in light green tones and turquoise tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-huges-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-huges-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-huges-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-huges-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-huges-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-huges-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-huges-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-huges-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eHuges relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Light green, Turquoise.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-huges-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/huges\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHuges product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-huges-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Huges creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-huges-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Huges: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-huges-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-huges-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-huges-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-huges-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-huges-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100413193,"sku":"SICIS-RAGTIME-HUGES","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/huges-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733062"},{"product_id":"sicis-glasmosaik-ragtime-baker","title":"Baker | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-baker-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eBaker.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Baker comes in grey tones and dark tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-baker-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-baker-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-baker-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-baker-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-baker-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-baker-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-baker-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-baker-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBaker relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Grey, Dark.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-baker-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/baker\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eBaker product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-baker-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Baker creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-baker-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Baker: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-baker-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-baker-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-baker-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-baker-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-baker-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100577033,"sku":"SICIS-RAGTIME-BAKER","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/baker-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733064"},{"product_id":"sicis-glasmosaik-ragtime-harney","title":"Harney | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-harney-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eHarney.\u003cspan\u003eClear glass with a rhythm of its own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Harney reveals itself in orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-harney-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-harney-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-harney-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-harney-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-harney-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-harney-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-harney-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-harney-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eHarney relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-harney-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/harney\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHarney product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-harney-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Harney creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-harney-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Harney: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-harney-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-harney-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-harney-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-harney-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-harney-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100675337,"sku":"SICIS-RAGTIME-HARNEY","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/harney-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733082"},{"product_id":"sicis-glasmosaik-ragtime-reese","title":"Reese | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-reese-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eReese.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Reese reveals itself in orange-red tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-reese-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-reese-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-reese-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-reese-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-reese-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-reese-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-reese-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-reese-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eReese relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Orange-red.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-reese-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/reese\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eReese product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-reese-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Reese creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-reese-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Reese: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-reese-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-reese-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-reese-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-reese-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-reese-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100740873,"sku":"SICIS-RAGTIME-REESE","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/reese-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733090"},{"product_id":"sicis-glasmosaik-ragtime-rupert","title":"Rupert | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-rupert-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eRupert.\u003cspan\u003eTransparency with a delicate rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. In Rupert, the glass plays with dark green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-rupert-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-rupert-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-rupert-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-rupert-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-rupert-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-rupert-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-rupert-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-rupert-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eRupert relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-rupert-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/rupert\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRupert product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-rupert-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Rupert creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-rupert-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® grout recommendation for Rupert: Crystal 700.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCrystal 700 is \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eLitokol Starlike® Crystal\u003c\/a\u003e: a translucent two-component (2K) gel-based epoxy grout – not to be confused with Starlike® EVO or ColorCrystal. The translucent grout recedes visually and lets the glass take centre stage. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-rupert-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-crystal-epoxidharz-fugenmasse-gel?variant=57110758261001\"\u003eStarlike® Crystal\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-rupert-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-rupert-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-rupert-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-rupert-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100839177,"sku":"SICIS-RAGTIME-RUPERT","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/rupert-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733104"},{"product_id":"sicis-glasmosaik-ragtime-scott","title":"Scott | SICIS® Ragtime glass mosaic | order quantity 2 m² (nominal area) | Italian luxury from Ravenna","description":"\u003cdiv class=\"tmcolibri\" data-sicis-template=\"7\" data-sicis-collection=\"Ragtime\"\u003e\n\u003cstyle\u003e.collapsible-content.is-open:has(.tmcolibri){height:auto!important;overflow:clip!important}.collapsible-content__inner:has(.tmcolibri){padding:0!important} .tmcolibri{--ink:#23213b;--accent:#087253;--neon:#bfff34;--paper:#f6ffec;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;border-radius:24px;background:#e2fae0;color:var(--ink);font:400 16px\/1.65 system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;text-align:left;-webkit-font-smoothing:antialiased} .tmcolibri *,.tmcolibri *::before,.tmcolibri *::after{box-sizing:border-box} .tmcolibri .sc{position:relative;isolation:isolate;padding:clamp(45px,8cqi,86px) clamp(16px,5cqi,58px);overflow:clip;scroll-margin-top:95px;view-timeline:--scene block} .tmcolibri .sc\u003e.scene-image{position:absolute;top:-15%;left:0;z-index:-1;display:block;width:100%;height:130%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:var(--bg-position,center);filter:none;opacity:1;pointer-events:none;transform:translate3d(0,var(--bg-shift,0px),0)} .tmcolibri .inner{max-width:940px;margin:auto;position:relative} .tmcolibri .drift{position:relative;min-width:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) scale(var(--card-scale,1));opacity:var(--card-opacity,1)} .tmcolibri .card{color:var(--ink);background:var(--paper);border:2px solid var(--neon);border-radius:24px;padding:clamp(23px,4.3cqi,44px);box-shadow:0 18px 38px #17212c30,0 0 0 5px #ffffff52;min-width:0;animation:colibri-float 7s ease-in-out infinite} .tmcolibri .drift:nth-child(even) .card{animation-delay:-3.5s} .tmcolibri h2,.tmcolibri h3,.tmcolibri h4{font-family:Georgia,\"Times New Roman\",serif;font-weight:400;line-height:1.16;color:var(--accent);letter-spacing:-.025em;margin:0 0 20px;text-transform:none;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri h2{font-size:clamp(29px,4.5cqi,44px)} .tmcolibri h3{font-size:clamp(23px,3.1cqi,31px)} .tmcolibri h4{font-size:21px} .tmcolibri .hero h2{font-size:clamp(34px,5.7cqi,56px)} .tmcolibri .hero h2 span{display:block;color:#006861;font-size:.8em;margin-top:9px} .tmcolibri p{margin:0 0 16px;color:inherit;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri p:last-child{margin-bottom:0} .tmcolibri .eyebrow{color:var(--accent);font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:15px} .tmcolibri .lead{font-size:clamp(17px,2.1cqi,20px);line-height:1.6} .tmcolibri .small{font-size:13px;line-height:1.6;color:#53455c} .tmcolibri .hero .card{max-width:810px;background:#f4ffed} .tmcolibri .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tmcolibri .stack{margin-top:24px} .tmcolibri .label{font-size:12px;font-weight:750;color:var(--accent);letter-spacing:.1em;text-transform:uppercase} .tmcolibri .chips{display:flex;flex-wrap:nowrap;gap:6px;margin-top:20px} .tmcolibri .chips span{background:#d9f8c9;color:#244f33;border:1px solid #8ecf67;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:650;white-space:nowrap} .tmcolibri a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;word-break:normal;overflow-wrap:normal} .tmcolibri a:hover{text-decoration-thickness:2px} .tmcolibri a:focus-visible,.tmcolibri button:focus-visible,.tmcolibri summary:focus-visible{outline:3px solid #8c35bf;outline-offset:5px} .tmcolibri .navbox{background:#fffdf8;border:2px solid #33c7a7;border-radius:18px;padding:16px;margin-top:20px} .tmcolibri .navlabel{display:flex;justify-content:center;align-items:center;font-weight:750;color:#005f4b;margin:0 0 10px;font-size:15px;text-align:center} .tmcolibri .navlabel span{font-size:12px;font-weight:500;letter-spacing:0} .tmcolibri nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .tmcolibri nav a{display:block;border-radius:10px;background:var(--navbg,#fff3fb);color:var(--navink,#983268);padding:8px;font-size:11.5px;line-height:1.4;text-decoration:none;border:1px solid var(--navedge,#ff8fe3);font-weight:650} .tmcolibri nav a:nth-child(2){--navbg:#fff3fb;--navink:#983268;--navedge:#ff8fe3} .tmcolibri nav a:nth-child(3){--navbg:#fff3df;--navink:#884210;--navedge:#ffb24b} .tmcolibri nav a:nth-child(4){--navbg:#fffae8;--navink:#706018;--navedge:#d4be54} .tmcolibri nav a:nth-child(5){--navbg:#f5f2ff;--navink:#514685;--navedge:#b6a9d9} .tmcolibri nav a:nth-child(6){--navbg:#eff5ff;--navink:#245c94;--navedge:#91b9e0} .tmcolibri nav a:nth-child(7){--navbg:#fff5df;--navink:#85601c;--navedge:#eac569} .tmcolibri nav a span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px} .tmcolibri nav a.nav-heritage{position:relative!important;display:block!important;min-height:58px;padding:0!important;text-align:center!important} .tmcolibri nav a.nav-heritage::before,.tmcolibri nav a.nav-heritage::after{content:none!important;display:none!important} .tmcolibri nav .nav-heritage .nav-number{position:absolute!important;top:6px!important;left:8px!important;margin:0!important;text-align:left!important;z-index:1} .tmcolibri nav .nav-heritage .nav-title{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 8px!important;font-size:11.5px;line-height:1.4;letter-spacing:normal;text-align:center!important} .tmcolibri .pink{--accent:#983268;--neon:#ff8fe3;--paper:#fff3fb;--ink:#3c2342} .tmcolibri .violet{--accent:#6b36a5;--neon:#cc99ff;--paper:#fcf6ff;--ink:#30243e} .tmcolibri .copper{--accent:#884210;--neon:#ffb24b;--paper:#fff3df;--ink:#3d2b26} .tmcolibri .aqua{--accent:#08676b;--neon:#74ffe6;--paper:#dcfff4;--ink:#173d40} .tmcolibri .neon-aqua{--paper:#a0ffeb;--neon:#4cfff0;--accent:#075d68;--ink:#173f47} .tmcolibri .neon-peach{--paper:#ffd49e;--neon:#ff9c2a;--accent:#803b13;--ink:#493122} .tmcolibri .lavender{--accent:#6630a5;--neon:#bca2ff;--paper:#f4eeff;--ink:#352843} .tmcolibri .rose{--accent:#a32f5b;--neon:#ff96b7;--paper:#fff0ee;--ink:#492636} .tmcolibri .gold{--accent:#706018;--neon:#d4be54;--paper:#fffae8;--ink:#3c361f} .tmcolibri .slate{--accent:#514685;--neon:#b6a9d9;--paper:#f5f2ff;--ink:#34334b} .tmcolibri .silver{--accent:#466276;--neon:#b1c7d6;--paper:#edf2f5;--ink:#293e4b} .tmcolibri .cream{--accent:#80502b;--neon:#dfae6a;--paper:#fff1d9;--ink:#4a3425} .tmcolibri .ocean{--accent:#245c94;--neon:#91b9e0;--paper:#eff5ff;--ink:#293b54} .tmcolibri .mobile-title{display:none} .tmcolibri .tech-mini{max-width:660px;margin:30px auto 0;scroll-margin-top:95px} .tmcolibri .tech-mini .card{padding:22px 25px} .tmcolibri .tech-mini h2{font-size:clamp(25px,3cqi,30px);margin-bottom:10px} .tmcolibri .tech-mini .eyebrow{margin-bottom:9px} .tmcolibri .tech-mini details{margin-top:10px} .tmcolibri .room-title{width:100%;max-width:600px;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title h2{margin-bottom:0;font-size:clamp(27px,3.6cqi,37px)} .tmcolibri [data-scene=\"raum\"] .room-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:940px;margin-inline:auto!important;padding:0!important;justify-items:center;align-items:start} .tmcolibri .room-grid\u003e.drift{width:100%;max-width:458px;margin-inline:auto!important;justify-self:center;--card-x:0px!important} .tmcolibri .room-card{width:100%;margin-inline:auto!important;text-align:center!important} .tmcolibri .room-title :is(h2,p),.tmcolibri .room-card :is(h3,p){text-align:center!important} .tmcolibri .room-card h3{display:block;text-align:center!important} .tmcolibri .room-heading{position:relative;display:inline-block;max-width:100%;vertical-align:top} .tmcolibri .room-label{display:inline} .tmcolibri .room-symbol{position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);width:20px;font-family:Georgia,serif;font-size:27px;line-height:1;text-align:center} .tmcolibri [data-scene=\"fuge\"] .inner{max-width:710px} .tmcolibri [data-scene=\"faq\"] .inner{max-width:710px} .tmcolibri .heritage{--accent:#85601c;--neon:#eac569;--paper:#fff5df;--ink:#46361d;padding-block:clamp(210px,27cqi,310px) clamp(180px,24cqi,280px);--bg-position:center 45%} .tmcolibri .heritage .card{max-width:600px} .tmcolibri .heritage .small{color:#6d5436} .tmcolibri .heritage .atelier{border-top:1px solid #d6b971;padding-top:20px;margin-top:20px} .tmcolibri .history-bottom{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:end} .tmcolibri .history-bottom h3{font-size:24px} .tmcolibri .history-thumbnail{margin:0;width:150px;justify-self:end} .tmcolibri .history-thumbnail .image-open{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:zoom-in;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .history-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c9a252;border-radius:12px;filter:none;opacity:1} .tmcolibri .history-thumbnail .image-caption{display:block;font-size:10px;line-height:1.45;text-align:center;margin-top:7px;color:#705321} .tmcolibri .image-dialog{display:none;position:fixed;inset:0;margin:auto;width:calc(100vw - 24px);max-width:1000px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:12px;border:2px solid #c9a252;border-radius:16px;background:#fff5df;color:#46361d;box-shadow:0 12px 65px #0005;overflow:auto;overscroll-behavior:contain} .tmcolibri .image-dialog[open]{display:block} .tmcolibri .image-dialog::backdrop{background:#17130fe0} .tmcolibri .image-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .tmcolibri .image-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #85601c;border-radius:9px;background:#fffaf0;color:#674616;font:600 14px\/1.2 system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none} .tmcolibri .image-close span{font-size:25px} .tmcolibri .image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);margin:auto;object-fit:contain;filter:none;opacity:1} .tmcolibri .bridge{position:relative;height:14px;overflow:clip;background:var(--join-a);isolation:isolate} .tmcolibri .bridge::before{content:\"\";position:absolute;inset:-8px -12%;background:linear-gradient(100deg,var(--join-a),var(--join-b),var(--join-c));background-size:170% 100%;animation:colibri-ribbon 12s ease-in-out infinite;transform:translate3d(var(--bridge-x,0px),0,0)} .tmcolibri .frame{animation:colibri-float 7s ease-in-out infinite,colibri-frame 8s ease-in-out infinite} .tmcolibri .manual-action{margin:20px 0 0 43px} .tmcolibri .manual-action .button{margin:0} .tmcolibri .manual-action .small{margin-top:12px} .tmcolibri .facts{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr);margin:0;font-size:14px;line-height:1.55} .tmcolibri .facts dt,.tmcolibri .facts dd{margin:0;padding:10px 0;border-bottom:1px solid #c4acce70;word-break:normal;overflow-wrap:normal;hyphens:none} .tmcolibri .facts dt{padding-right:17px;color:#67546f} .tmcolibri .facts dd{color:var(--ink);font-weight:550} .tmcolibri details{margin-top:15px;border:1px solid #c69cdc;border-radius:16px;background:#fff} .tmcolibri summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:17px 19px;font-weight:650;color:var(--accent);font-size:14px;line-height:1.5} .tmcolibri summary::-webkit-details-marker{display:none} .tmcolibri .arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;font-size:24px;line-height:1;color:var(--accent);animation:colibri-down 1.6s ease-in-out infinite} .tmcolibri .details-body{padding:0 20px 21px;font-size:14px} .tmcolibri .details-body h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin-top:20px;margin-bottom:10px} .tmcolibri .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:99px;padding:12px 18px;font-weight:650;font-size:14px;line-height:1.45;text-align:center;text-decoration:none;margin:8px 8px 0 0;max-width:100%;white-space:normal} .tmcolibri .button:hover{color:#fff;box-shadow:0 5px 16px #22102830} .tmcolibri ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:15px} .tmcolibri ol li{position:relative;padding-left:43px;counter-increment:steps} .tmcolibri ol li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-weight:750;font-size:16px} .tmcolibri ol li strong{display:block;color:var(--accent);margin-bottom:4px} .tmcolibri .tech-note{border-left:3px solid var(--neon);padding-left:13px;margin-top:16px;font-size:13px} @keyframes colibri-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes colibri-down{0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}} @keyframes colibri-background{from{transform:translateY(-6%)}to{transform:translateY(6%)}} @keyframes colibri-card-travel{from{translate:0 13px}to{translate:0 -13px}} @keyframes colibri-left{from{translate:-12px 12px}to{translate:12px -12px}} @keyframes colibri-right{from{translate:11px 10px}to{translate:-11px -10px}} @keyframes colibri-reveal{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}} @keyframes colibri-focus{from{scale:.985;translate:0 10px}to{scale:1;translate:0 -10px}} @keyframes colibri-ribbon{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes colibri-frame{0%,100%{border-color:#c4a345;box-shadow:0 18px 38px #17212c30,0 0 0 4px #d4be5433}50%{border-color:#83a73c;box-shadow:0 18px 38px #17212c30,0 0 0 6px #aad26b55}} @supports(animation-timeline:view()){.tmcolibri:not(.motion-js) .sc\u003e.scene-image{animation:colibri-background linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .drift{animation:colibri-card-travel linear both;animation-timeline:--scene;animation-range:entry 0% exit 100%}.tmcolibri:not(.motion-js) .e-left .drift{animation-name:colibri-left}.tmcolibri:not(.motion-js) .e-right .drift{animation-name:colibri-right}.tmcolibri:not(.motion-js) .e-fade .drift{animation-name:colibri-reveal;animation-range:entry 0% entry 65%}.tmcolibri:not(.motion-js) .e-focus .drift{animation-name:colibri-focus}} @container(max-width:630px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri nav a:last-child{grid-column:1\/-1}.tmcolibri .facts{grid-template-columns:1fr}.tmcolibri .facts dt{border-bottom:0;padding:10px 0 3px}.tmcolibri .facts dd{padding:0 0 11px}.tmcolibri .navlabel{display:block}.tmcolibri .navlabel span{display:block;margin-top:3px}.tmcolibri .hero .card{max-width:none}} @container(max-width:500px){.tmcolibri .chips{flex-wrap:wrap}.tmcolibri .desktop-title{display:none}.tmcolibri .mobile-title{display:inline}.tmcolibri .history-bottom{grid-template-columns:1fr}.tmcolibri .history-thumbnail{width:140px}.tmcolibri .room-card h3{font-size:23px}} @container(max-width:630px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri [data-scene=\"raum\"] .room-grid{grid-template-columns:1fr}} @media(max-width:640px){.tmcolibri .grid{grid-template-columns:1fr}.tmcolibri nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tmcolibri .bridge{height:11px}.tmcolibri .manual-action .button{padding:11px 12px;font-size:13px}} @media(prefers-reduced-motion:reduce){.tmcolibri *,.tmcolibri *::before{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;opacity:1!important;scroll-behavior:auto!important}}\u003c\/style\u003e\n\u003csection class=\"sc hero\" data-scene=\"start\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-scott-start\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_1.jpg?v=1789854285\" alt=\"Green and lime-yellow SICIS® glass mosaic in a curved arrangement – design idea at Tiamont.\" loading=\"eager\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003eTiamont · SICIS® Ragtime · 2 m² nominal area\u003c\/p\u003e\n\u003ch2\u003eScott.\u003cspan\u003eLight glass. Clear colour.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSICIS® Ragtime is a transparent Smalto glass mosaic with a smooth, polished surface. Scott comes in dark green tones.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan\u003eTransparent Smalto glass\u003c\/span\u003e\u003cspan\u003e15 × 15 mm\u003c\/span\u003e\u003cspan\u003e2 m² nominal area per unit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"navbox\"\u003e\n\u003cp class=\"navlabel\"\u003eNavigate\u003c\/p\u003e\n\u003cnav aria-label=\"Navigate within the description\"\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-scott-wirkung\"\u003e\u003cspan\u003e01\u003c\/span\u003eMaterial \u0026amp; appearance\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-scott-technik\"\u003e\u003cspan\u003e02\u003c\/span\u003eDimensions \u0026amp; test data\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-scott-raum\"\u003e\u003cspan\u003e03\u003c\/span\u003eBathroom \u0026amp; wellness\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-scott-fuge\"\u003e\u003cspan\u003e04\u003c\/span\u003eThe right grout\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-scott-verlegung\"\u003e\u003cspan\u003e05\u003c\/span\u003eInstallation\u003c\/a\u003e\u003ca href=\"#sicis-glasmosaik-ragtime-scott-faq\"\u003e\u003cspan\u003e06\u003c\/span\u003eCare \u0026amp; quantity\u003c\/a\u003e\u003ca class=\"nav-heritage\" href=\"#sicis-glasmosaik-ragtime-scott-verlauf\"\u003e\u003cspan class=\"nav-number\"\u003e07\u003c\/span\u003e\u003cspan class=\"nav-title\"\u003eRavenna \u0026amp; atelier\u003c\/span\u003e\u003c\/a\u003e\u003c\/nav\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bada3b;--join-b:#e1c293;--join-c:#cb8ac1\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc pink e-left\" data-scene=\"wirkung\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-scott-wirkung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_3.jpg?v=1789854285\" alt=\"SICIS® glass mosaic with pink and violet reflections of light – colourful mosaic inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e01 · Material \u0026amp; appearance\u003c\/p\u003e\n\u003ch2 class=\"material-heading\"\u003e\n\u003cspan class=\"desktop-title\"\u003eClear glass.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eClear glass.\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"desktop-title\"\u003eA rhythm of its own.\u003c\/span\u003e\u003cspan class=\"mobile-title\"\u003eFull of rhythm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eScott relies on transparent Smalto glass with a smooth, polished surface. Light penetrates the tessera – the colour looks clear and light.\u003c\/p\u003e\n\u003cp\u003eColour family in the SICIS® colour filter: Dark green.\u003c\/p\u003e\n\u003cp\u003eAn evenly light-coloured adhesive bed with full coverage enhances the clear appearance of the glass. The paper mounting on the front leaves the entire back free for bonding.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift tech-mini\" data-effect=\"right\" id=\"sicis-glasmosaik-ragtime-scott-technik\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e02 · Dimensions \u0026amp; technical details\u003c\/p\u003e\n\u003ch2\u003ePrecise details. Clear technical data.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eDimensions, mounting and SICIS® test data\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003ch4\u003eDimensions \u0026amp; mounting\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eOrder quantity \/ nominal area\u003c\/dt\u003e\n\u003cdd\u003e2 m² per order unit (nominal area); delivered in whole mosaic sheets. The geometric area is determined by the sheet dimensions and the number of sheets.\u003c\/dd\u003e\n\u003cdt\u003eTessera size\u003c\/dt\u003e\n\u003cdd\u003e15 × 15 mm\u003c\/dd\u003e\n\u003cdt\u003eSheet format\u003c\/dt\u003e\n\u003cdd\u003e295 × 295 mm\u003c\/dd\u003e\n\u003cdt\u003eThickness\u003c\/dt\u003e\n\u003cdd\u003e4 ± 1 mm (nominal thickness)\u003c\/dd\u003e\n\u003cdt\u003eJoint width\u003c\/dt\u003e\n\u003cdd\u003e1.63 mm\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003ePaper-mounted on the front\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003ch4\u003eTest data\u003c\/h4\u003e\n\u003cdl class=\"facts\"\u003e\n\u003cdt\u003eLead content\u003c\/dt\u003e\n\u003cdd\u003eNone\u003c\/dd\u003e\n\u003cdt\u003eWater absorption · EN 99¹\u003c\/dt\u003e\n\u003cdd\u003e0.07 \/ 0.11\u003c\/dd\u003e\n\u003cdt\u003eLightfastness · DIN 51094\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eChemical resistance · UNI EN ISO 10545-13 § 8 \/ EN 122 \/ EN 106\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eThermal expansion · EN 103¹\u003c\/dt\u003e\n\u003cdd\u003e6.5 \/ 6.7\u003c\/dd\u003e\n\u003cdt\u003eThermal shock up to 100 °C · ISO 10545-9 \/ EN 104\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eFrost resistance · ISO 10545-12\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSurface abrasion · ISO 10545-7\u003c\/dt\u003e\n\u003cdd\u003ePEI IV\u003c\/dd\u003e\n\u003cdt\u003eDeep abrasion · EN 102¹\u003c\/dt\u003e\n\u003cdd\u003e353\u003c\/dd\u003e\n\u003cdt\u003eStain resistance · ISO 10545-14\u003c\/dt\u003e\n\u003cdd\u003eResistant\u003c\/dd\u003e\n\u003cdt\u003eSlip resistance \/ shower floor · DIN 51097\u003c\/dt\u003e\n\u003cdd\u003eSlip resistance compliant with the standard is available with a proportion of at least 25% mosaic tesserae with the SICIS® Grip finish per square metre.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"small\"\u003e¹ Original values without a specified unit. Standard designations match the SICIS® technical documentation.\u003c\/p\u003e\n\u003ch4\u003eFor professional installation\u003c\/h4\u003e\n\u003cp\u003eBond the glass mosaic with full coverage and as few voids as possible. In wet areas we recommend reactive bonding and epoxy resin grout in accordance with the SICIS® installation guide. Before grouting, the adhesive must be fully cured. The gaps between the tesserae must be clean and dry.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/colorpedia.sicis.com\/de\/scott\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eScott product page at SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c79ccd;--join-b:#c9b3bc;--join-c:#ce985c\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc copper\" data-scene=\"raum\" data-effect=\"stagger\" id=\"sicis-glasmosaik-ragtime-scott-raum\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_4.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in brown, copper and silver tones with curved joints – interior design at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cdiv class=\"drift room-title\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e03 · Your vision for the space\u003c\/p\u003e\n\u003ch2\u003eYour retreat.\u003cbr\u003eAt its most beautiful.\u003c\/h2\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"room-grid stack\"\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card cream\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e◇\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eBathroom \u0026amp; living spaces\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® Ragtime Scott creates accents on walls and floors, indoors and outdoors, and in wet areas. At the washbasin, in a shower recess or across a generous wall surface, the mosaic reveals its full effect.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card room-card neon-peach\"\u003e\n\u003ch3\u003e\u003cspan class=\"room-heading\"\u003e\u003cspan class=\"room-symbol\" aria-hidden=\"true\"\u003e≈\u003c\/span\u003e\u003cspan class=\"room-label\"\u003eShower \u0026amp; wellness\u003c\/span\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003eSICIS® names wet areas as a field of use – such as shower walls, spa and wellness. The product description contains no explicit approval for pool or underwater use; for pools, we will clarify the build-up with you in advance. For floor surfaces in wet areas, determine the required slip resistance in advance.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#c49b6b;--join-b:#e8c976;--join-c:#a9b347\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc gold\" data-scene=\"fuge\" data-effect=\"lift\" id=\"sicis-glasmosaik-ragtime-scott-fuge\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_5.jpg?v=1789862505\" alt=\"Golden yellow SICIS® glass mosaic with olive-green accents and fine joints – colour composition at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card frame\"\u003e\n\u003cp class=\"eyebrow\"\u003e04 · Harmony in every detail\u003c\/p\u003e\n\u003ch2\u003eThe right grout\u003cbr\u003emakes the difference.\u003c\/h2\u003e\n\u003cp\u003eCarefully coordinated grout completes the mosaic design. \u003cstrong\u003eThe SICIS® colour recommendation for Scott: Nero Carbonio 145.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148648030473\"\u003eLitokol Starlike® EVO Nero Carbonio 145\u003c\/a\u003e complements the mosaic with colour-stable, water-resistant epoxy resin grout. Consumption according to SICIS®: 1.2 kg\/m².\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"small\"\u003eShade and consumption: recommendation by SICIS®. Product choice and link: Tiamont.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#b0b550;--join-b:#d8c899;--join-c:#aca2c6\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc slate e-fade\" data-scene=\"verlegung\" data-effect=\"fade\" id=\"sicis-glasmosaik-ragtime-scott-verlegung\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_6.jpg?v=1789862505\" alt=\"Close-up of SICIS® glass mosaic with silvery violet reflections and a soft depth of field – inspiration at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e05 · Installation\u003c\/p\u003e\n\u003ch2\u003ePrecision that\u003cbr\u003epreserves beauty.\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrepare the substrate\u003c\/strong\u003eEnsure the substrate is flat, load-bearing and clean. In wet areas, proper waterproofing is part of the build-up.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBond with epoxy resin\u003c\/strong\u003eFor a light-coloured reactive adhesive bed, we recommend \u003ca href=\"\/en\/products\/litokol-powergel-pro-max-ultra-bianco-10-kg\"\u003eLitokol PowerGel® Pro Max Ultra Bianco\u003c\/a\u003e: a white two-component (2K) epoxy resin adhesive of class R2 T.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlign the mosaic design\u003c\/strong\u003eThe paper side faces outwards. Bed the sheets evenly; once the adhesive has fully cured, moisten the paper, peel it off diagonally and remove the glue residue.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplete the finish\u003c\/strong\u003eFill the dry, clean joints with \u003ca href=\"\/en\/products\/starlike-evo-epoxidharz-fugenmoertel-von-litokol?variant=49148648030473\"\u003eStarlike® EVO Nero Carbonio 145\u003c\/a\u003e and clean the surface within the specified cleaning window.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"manual-action\"\u003e\n\u003ca class=\"button\" href=\"https:\/\/www.sicis.com\/sites\/default\/files\/allegato-documento\/SICIS_Installationsanleitung_GER.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSICIS® installation guide · DE\u003c\/a\u003e\u003cp class=\"small\"\u003eWorking and curing times: see the relevant technical data sheet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#bbb3c9;--join-b:#b7cbed;--join-c:#3886b5\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc ocean e-focus\" data-scene=\"faq\" data-effect=\"focus\" id=\"sicis-glasmosaik-ragtime-scott-faq\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_glasmosaik_verlauf_2.jpg?v=1789854285\" alt=\"SICIS® glass mosaic in blue with rosé and violet tesserae in a curved arrangement – world of colour at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e06 · Care \u0026amp; quantity\u003c\/p\u003e\n\u003ch2\u003eEasy to care for.\u003cbr\u003eLasting beauty.\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eHow do I clean my glass mosaic?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eSICIS® recommends regular cleaning with special cleaning products for glass surfaces. Apply with a soft cloth, wipe with clean water and gently rub dry.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003e\u003cspan\u003eWhat preserves the shine?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\u003cp\u003eClean gently on a regular basis. Avoid rough sponges, abrasive cleaning agents and strongly acidic or alkaline cleaners.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails data-tiamont-quantity\u003e\u003csummary\u003e\u003cspan\u003eWhat area am I ordering?\u003c\/span\u003e\u003cspan class=\"arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"details-body\"\u003e\n\u003cp\u003eThe order unit is 2 m² of nominal area. Nominal area and geometric sheet area are not the same. When planning your area, the key factors are the stated sheet dimensions, the number of whole sheets and the cutting waste. We will help you work out the quantity you need for your project.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"bridge\" aria-hidden=\"true\" style=\"--join-a:#4978a4;--join-b:#c5bab2;--join-c:#d9b55e\"\u003e\u003c\/div\u003e\n\u003csection class=\"sc heritage e-left\" data-scene=\"verlauf\" data-effect=\"left\" id=\"sicis-glasmosaik-ragtime-scott-verlauf\"\u003e\u003cimg class=\"scene-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Historic mosaic with a golden eagle in the starry vault of Ravenna – inspiration for glass mosaic at Tiamont.\" loading=\"lazy\" decoding=\"async\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"drift\"\u003e\u003cdiv class=\"card\"\u003e\n\u003cp class=\"eyebrow\"\u003e07 · Ravenna \u0026amp; atelier\u003c\/p\u003e\n\u003ch2\u003eRavenna.\u003cbr\u003eWhere mosaic makes history.\u003c\/h2\u003e\n\u003cp\u003eThe golden eagle comes from the mausoleum of Galla Placidia in Ravenna (5th century). In this city of mosaics, SICIS® has combined Italian craftsmanship with modern design ideas since 1989.\u003c\/p\u003e\n\u003cp class=\"small\"\u003e\u003ca href=\"https:\/\/www.turismo.ra.it\/cultura-e-storia\/monumenti-unesco\/mausoleo-galla-placidia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe historic mosaic\u003c\/a\u003e · \u003ca href=\"https:\/\/www.sicis.com\/it\/la-nostra-storia\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eThe story of SICIS®\u003c\/a\u003e\u003c\/p\u003e\n\u003cdiv class=\"atelier history-bottom\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eYour colours.\u003cbr\u003eComposed by hand.\u003c\/h3\u003e\n\u003cp\u003eTiamont designs bespoke mosaic gradients on request.\u003c\/p\u003e\n\u003ca class=\"button\" href=\"\/en\/pages\/kontakt\"\u003eEnquire about your desired gradient\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"history-thumbnail\"\u003e\u003cbutton type=\"button\" class=\"image-open\" aria-label=\"Enlarge the complete mosaic image\" aria-haspopup=\"dialog\" aria-controls=\"sicis-glasmosaik-ragtime-scott-bild\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" width=\"150\" height=\"150\" loading=\"lazy\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003cspan class=\"image-caption\"\u003eThe complete image\u003cbr\u003eTap to enlarge\u003c\/span\u003e\u003c\/button\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdialog id=\"sicis-glasmosaik-ragtime-scott-bild\" class=\"image-dialog\" aria-label=\"Mosaic from the Mausoleum of Galla Placidia in Ravenna\"\u003e\u003cdiv class=\"image-toolbar\"\u003e\u003cbutton type=\"button\" class=\"image-close\" autofocus\u003eClose \u003cspan aria-hidden=\"true\"\u003e×\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003cimg class=\"image-full\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/sicis_colibri_kirche_geschichte_6.jpg?v=1789862505\" alt=\"Golden eagle against a starry sky in the historic mosaic of Ravenna – inspiration for glass mosaic at Tiamont.\"\u003e\u003c\/dialog\u003e\u003cscript\u003e(function(){\nfunction mount(root){\nif(root.dataset.motionReady)return;\nroot.dataset.motionReady='true';\nvar viewer=root.querySelector('.image-dialog'),opener=root.querySelector('.image-open');\nif(viewer\u0026\u0026opener){\nvar previousFocus,htmlOverflow,bodyOverflow;\nopener.addEventListener('click',function(){\nif(viewer.open)return;\npreviousFocus=document.activeElement;\nvar full=viewer.querySelector('.image-full');\nif(!full.getAttribute('src'))full.src=full.dataset.src;\nhtmlOverflow=document.documentElement.style.overflow;\nbodyOverflow=document.body.style.overflow;\nviewer.showModal();\ndocument.documentElement.style.overflow='hidden';\ndocument.body.style.overflow='hidden';\n});\nviewer.querySelector('.image-close').addEventListener('click',function(){viewer.close();});\nviewer.addEventListener('click',function(event){\nvar r=viewer.getBoundingClientRect();\nif(event.target===viewer\u0026\u0026(event.clientX\u003cr.left||event.clientX\u003er.right||event.clientY\u003cr.top||event.clientY\u003er.bottom))viewer.close();\n});\nviewer.addEventListener('close',function(){\ndocument.documentElement.style.overflow=htmlOverflow;\ndocument.body.style.overflow=bodyOverflow;\nif(previousFocus\u0026\u0026previousFocus.isConnected)previousFocus.focus({preventScroll:true});\n});\n}\nvar reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\nvar scenes=Array.from(root.querySelectorAll('.sc')).map(function(el){return {el:el,cards:Array.from(el.querySelectorAll('.drift')),effect:el.dataset.effect||'lift'};});\nvar bands=Array.from(root.querySelectorAll('.bridge'));\nvar queued=false;\nfunction clamp(x){return Math.max(0,Math.min(1,x));}\nfunction draw(){\nqueued=false;\nif(!root.isConnected)return;\nif(reduce.matches){root.classList.remove('motion-js');return;}\nvar vh=window.innerHeight;\nvar mobile=window.innerWidth\u003c641;\nvar measurements=scenes.map(function(scene){var rect=scene.el.getBoundingClientRect();return {scene:scene,rect:rect,progress:clamp((vh-rect.top)\/(vh+rect.height)),cards:scene.cards.map(function(card){return {el:card,rect:card.getBoundingClientRect()};})};});\nvar ribbonRects=bands.map(function(el){return {el:el,rect:el.getBoundingClientRect()};});\nroot.classList.add('motion-js');\nmeasurements.forEach(function(m){\nvar p=m.progress-.5;\nm.scene.el.style.setProperty('--bg-shift',(p*(mobile?46:64)).toFixed(2)+'px');\nm.cards.forEach(function(c,i){\nvar e=c.el.dataset.effect||m.scene.effect,y=-p*(mobile?22:32),x=0,scale=1,opacity=1;\nif(e==='left')x=p*16;\nif(e==='right')x=-p*16;\nif(e==='stagger')y*=i%2?1.25:.75;\nif(e==='focus')scale=.99+.01*clamp((vh-c.rect.top)\/(vh*.55));\nif(e==='fade'){var enter=clamp((vh-c.rect.top)\/(vh*.42));opacity=.18+.82*enter;y+=(1-enter)*22;}\nc.el.style.setProperty('--card-x',x.toFixed(2)+'px');\nc.el.style.setProperty('--card-y',y.toFixed(2)+'px');\nc.el.style.setProperty('--card-scale',scale.toFixed(4));\nc.el.style.setProperty('--card-opacity',opacity.toFixed(3));\n});\n});\nribbonRects.forEach(function(b){b.el.style.setProperty('--bridge-x',((clamp((vh-b.rect.top)\/(vh+b.rect.height))-.5)*36).toFixed(2)+'px');});\n}\nfunction schedule(){if(!queued){queued=true;window.requestAnimationFrame(draw);}}\nwindow.addEventListener('scroll',schedule,{passive:true});\nwindow.addEventListener('resize',schedule,{passive:true});\nroot.addEventListener('toggle',schedule,true);\nif(reduce.addEventListener)reduce.addEventListener('change',schedule);\nif(window.ResizeObserver)new ResizeObserver(schedule).observe(root);\ndraw();\n}\nfunction init(){document.querySelectorAll('[data-sicis-template]').forEach(mount);}\ninit();\ndocument.addEventListener('shopify:section:load',init);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"SICIS®","offers":[{"title":"Default Title","offer_id":57525100871945,"sku":"SICIS-RAGTIME-SCOTT","price":858.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/files\/scott-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793733112"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0435\/2157\/3018\/collections\/jelly-roll-sicis-ragtime-glasmosaik-2qm-tiamont.webp?v=1793732032","url":"https:\/\/www.tiamont.de\/en\/collections\/sicis-ragtime-glasmosaike.oembed","provider":"Tiamont - Edle Badwelten online entdecken","version":"1.0","type":"link"}