{"id":111608,"date":"2026-03-17T11:03:57","date_gmt":"2026-03-17T11:03:57","guid":{"rendered":"https:\/\/www.colomio.com\/?page_id=111608"},"modified":"2026-04-21 14:49:34","modified_gmt":"2026-04-21T14:49:34","slug":"personalized-coloring-it","status":"publish","type":"page","link":"https:\/\/www.colomio.com\/it\/personalized-coloring-it","title":{"rendered":"it"},"content":{"rendered":"<head>\r\n    <meta charset=\"utf-8\">\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fabric.js\/5.3.1\/fabric.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka+One&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* ===== RESET \u2013 nur innerhalb des Editors ===== *\/\r\n        .hce-app, .hce-app *, .hce-app *::before, .hce-app *::after {\r\n            margin: 0; padding: 0; box-sizing: border-box;\r\n        }\r\n        .hce-app {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            background: #f0f2f5;\r\n            display: flex;\r\n            height: 100vh;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* ===== SIDEBAR ===== *\/\r\n        .hce-sidebar {\r\n            width: 270px;\r\n            background: #f7f7f7;\r\n            border-right: 1px solid #ddd;\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow-y: auto;\r\n            padding: 14px;\r\n            gap: 10px;\r\n            flex-shrink: 0;\r\n        }\r\n        .hce-sidebar-title {\r\n            font-size: 17px; color: #333;\r\n            display: flex; align-items: center; gap: 6px; margin: 0;\r\n        }\r\n\r\n        \/* ===== PRINT + UNDO ROW ===== *\/\r\n        .hce-top-row { display: flex; flex-direction: column; gap: 6px; align-items: stretch; }\r\n        .hce-btn-print {\r\n            background: #fe6a00; color: #fff; border: none;\r\n            padding: 14px 20px; font-size: 17px; font-weight: 700;\r\n            border-radius: 10px; cursor: pointer;\r\n            display: flex; align-items: center; justify-content: center; gap: 8px;\r\n            transition: background .2s;\r\n            width: 100%;\r\n            flex: none;\r\n        }\r\n        .hce-btn-print:hover { background: #c53030; }\r\n        .hce-btn-print svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; }\r\n        .hce-undo-col { display: flex; flex-direction: row; gap: 6px; }\r\n        .hce-undo-btn {\r\n            background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 6px;\r\n            height: 40px;\r\n            padding: 0 10px;\r\n            font-size: 18px;\r\n            cursor: pointer;\r\n            flex: 1;\r\n            display: flex; align-items: center; justify-content: center;\r\n            transition: all .12s;\r\n        }\r\n        .hce-undo-btn:hover:not(:disabled) { background: #edf2f7; border-color: #cbd5e0; }\r\n        .hce-undo-btn:disabled { opacity: .35; cursor: default; }\r\n\r\n        \/* ===== SIDEBAR SECTION TITLE ===== *\/\r\n        .hce-sidebar-section-title {\r\n            font-size: 15px;\r\n            font-weight: 800;\r\n            color: #2d3748;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        \/* ===== CARD-BASED DESIGN ===== *\/\r\n        .hce-card-list { display: flex; flex-direction: column; gap: 12px; }\r\n        .hce-card {\r\n            background: #fff;\r\n            border-radius: 14px;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.06);\r\n            overflow: hidden;\r\n        }\r\n        .hce-app .hce-card-header {\r\n            width: 100%;\r\n            background: transparent !important;\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n            text-align: left;\r\n            \/* gegen dunkle Default-Active\/Focus Styles von Browser\/Theme *\/\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        .hce-app .hce-card-header:hover { background: #f7fafc !important; }\r\n        .hce-app .hce-card-header:active { background: #edf2f7 !important; }\r\n        \/* Wichtig: nach Klick darf kein dunkler Fokus-Background \"kleben\" *\/\r\n        .hce-app .hce-card-header:focus { outline: none; background: transparent !important; }\r\n        .hce-app .hce-card-header:focus-visible {\r\n            outline: 2px solid rgba(66, 153, 225, .45);\r\n            outline-offset: 2px;\r\n            background: #f7fafc !important;\r\n        }\r\n        .hce-card-head {\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        .hce-card-icon {\r\n            font-size: 28px;\r\n            line-height: 1;\r\n            color: #2d3748;\r\n        }\r\n        .hce-card-title {\r\n            font-size: 13px;\r\n            font-weight: 800;\r\n            color: #2d3748;\r\n        }\r\n        .hce-card-chevron {\r\n            display: inline-block;\r\n            font-size: 18px;\r\n            line-height: 1;\r\n            color: #a0aec0;\r\n            transition: transform .2s ease;\r\n            transform-origin: 50% 50%;\r\n        }\r\n        .hce-app .hce-card-header.hce-open { background: transparent !important; }\r\n        .hce-card-header.hce-open .hce-card-chevron { transform: rotate(90deg); }\r\n        .hce-card-body {\r\n            overflow: hidden;\r\n            max-height: 0;\r\n            padding: 0 16px;\r\n            transition: max-height .3s ease, padding .3s ease;\r\n        }\r\n        .hce-card-body.hce-open {\r\n            max-height: 900px;\r\n            padding: 0 16px 16px;\r\n        }\r\n        .hce-card-hint { font-size: 12px; color: #718096; margin: 0 0 6px 0; }\r\n\r\n        \/* Sub-Tools (Icon + Label) *\/\r\n        .hce-subtool-row { display: flex; gap: 10px; margin-top: 6px; }\r\n        .hce-subtool-btn {\r\n            flex: 1;\r\n            border: 1px solid #e2e8f0;\r\n            background: #f7fafc;\r\n            border-radius: 12px;\r\n            padding: 12px 10px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 6px;\r\n            transition: all .12s;\r\n            color: #2d3748;\r\n        }\r\n        .hce-subtool-btn:hover { background: #edf2f7; border-color: #cbd5e0; }\r\n        .hce-subtool-btn.hce-tool-active {\r\n            background: #4a5568;\r\n            border-color: #4a5568;\r\n            color: #fff;\r\n        }\r\n        .hce-subtool-icon { font-size: 22px; line-height: 1; }\r\n        .hce-subtool-label { font-size: 12px; font-weight: 700; }\r\n\r\n        @keyframes hceFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }\r\n\r\n        \/* Text input row *\/\r\n        .hce-text-row { display: flex; gap: 4px; }\r\n        .hce-text-row input[type=\"text\"] {\r\n            flex: 1; border: 1px solid #e2e8f0; border-radius: 5px;\r\n            padding: 6px 8px; font-size: 14px; outline: none;\r\n            background: #fff;\r\n            color: #2d3748;\r\n        }\r\n        .hce-text-row input[type=\"text\"]:focus { border-color: #a0aec0; }\r\n        .hce-text-row button {\r\n            background: #4a5568; color: #fff; border: none; border-radius: 5px;\r\n            padding: 6px 12px; font-size: 13px; font-weight: 600;\r\n            cursor: pointer; white-space: nowrap;\r\n        }\r\n        .hce-text-row button:hover { background: #2d3748; }\r\n\r\n        \/* Collapsible detail panel *\/\r\n        .hce-detail-toggle {\r\n            display: flex; align-items: center; gap: 4px;\r\n            background: none; border: none; cursor: pointer;\r\n            font-size: 11px; color: #a0aec0; padding: 6px 0 0 0;\r\n            transition: color .12s;\r\n        }\r\n        .hce-detail-toggle:hover { color: #718096; }\r\n        .hce-detail-toggle .hce-chevron {\r\n            display: inline-block; transition: transform .2s; font-size: 10px;\r\n        }\r\n        .hce-detail-toggle.hce-open .hce-chevron { transform: rotate(90deg); }\r\n\r\n        .hce-detail-body {\r\n            overflow: hidden; max-height: 0;\r\n            transition: max-height .25s ease, opacity .2s ease;\r\n            opacity: 0;\r\n        }\r\n        .hce-detail-body.hce-open {\r\n            max-height: 200px; opacity: 1;\r\n        }\r\n\r\n        \/* Format controls *\/\r\n        .hce-format-group {\r\n            display: flex; flex-direction: column; gap: 6px;\r\n            padding-top: 6px;\r\n        }\r\n        .hce-format-row {\r\n            display: flex; align-items: center; gap: 6px; font-size: 13px;\r\n        }\r\n        .hce-format-row > span:first-child {\r\n            width: 22px; text-align: center; flex-shrink: 0;\r\n        }\r\n        .hce-format-row input[type=\"range\"] {\r\n            flex: 1; height: 4px;\r\n            -webkit-appearance: none; appearance: none;\r\n            background: #e2e8f0; border-radius: 2px; outline: none;\r\n        }\r\n        .hce-format-row input[type=\"range\"]::-webkit-slider-thumb {\r\n            -webkit-appearance: none; width: 14px; height: 14px;\r\n            border-radius: 50%; background: #4a5568; cursor: pointer;\r\n        }\r\n        .hce-format-val {\r\n            width: 30px; text-align: right; font-size: 11px; color: #888; flex-shrink: 0;\r\n        }\r\n        .hce-format-row input[type=\"color\"] {\r\n            width: 28px; height: 28px; border: 1px solid #e2e8f0;\r\n            border-radius: 4px; padding: 1px; cursor: pointer; background: none;\r\n        }\r\n\r\n        \/* ===== COLLAPSIBLE SECTION (Symbols) ===== *\/\r\n        .hce-section {\r\n            border: 1px solid #eee; border-radius: 8px;\r\n            overflow: hidden;\r\n        }\r\n        .hce-collapse-header {\r\n            display: flex; align-items: center; justify-content: space-between;\r\n            width: 100%; background: #fafbfc; border: none; border-radius: 7px;\r\n            cursor: pointer; padding: 8px 10px;\r\n            font-size: 14px; color: #555;\r\n            transition: background .12s;\r\n        }\r\n        .hce-collapse-header:hover { background: #edf2f7; }\r\n        .hce-collapse-header .hce-chevron {\r\n            display: inline-block;\r\n            transition: transform .2s ease;\r\n            \/* default (eingeklappt): Pfeil nach oben *\/\r\n            transform: rotate(-90deg);\r\n            transform-origin: 50% 50%;\r\n            \/* deutlich gr\u00f6\u00dfer *\/\r\n            font-size: 20px;\r\n            line-height: 1;\r\n            color: #888;\r\n        }\r\n        \/* aufgeklappt: Pfeil nach unten *\/\r\n        .hce-collapse-header.hce-open .hce-chevron { transform: rotate(90deg); }\r\n\r\n        .hce-collapse-body {\r\n            overflow: hidden; max-height: 0;\r\n            transition: max-height .3s ease, padding .3s ease;\r\n            padding: 0 10px;\r\n        }\r\n        .hce-collapse-body.hce-open {\r\n            max-height: 600px; padding: 8px 10px 10px;\r\n        }\r\n\r\n        \/* Symbol tabs + grid *\/\r\n        .hce-sym-tabs { display: flex; gap: 3px; margin-bottom: 8px; }\r\n        .hce-sym-tab {\r\n            flex: 1; background: #f7fafc; border: 1px solid #e2e8f0;\r\n            border-radius: 5px; padding: 5px 0; font-size: 16px;\r\n            line-height: 1; cursor: pointer; text-align: center;\r\n            transition: all .12s;\r\n        }\r\n        .hce-sym-tab:hover { background: #edf2f7; }\r\n        .hce-sym-tab.hce-tab-active {\r\n            background: #4a5568; border-color: #4a5568;\r\n            box-shadow: 0 1px 3px rgba(0,0,0,.15);\r\n        }\r\n        .hce-symbol-grid {\r\n            display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px;\r\n        }\r\n        .hce-symbol-btn {\r\n            background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 6px;\r\n            padding: 5px; cursor: pointer;\r\n            display: flex; align-items: center; justify-content: center;\r\n            transition: all .12s; aspect-ratio: 1;\r\n        }\r\n        .hce-symbol-btn:hover { background: #edf2f7; border-color: #cbd5e0; }\r\n        .hce-symbol-btn svg { width: 100%; height: 100%; }\r\n\r\n        \/* ===== EMOJIS ===== *\/\r\n        .hce-emoji-row {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 10px;\r\n            margin: 6px 0 10px 0;\r\n        }\r\n        .hce-emoji-row label { font-size: 12px; color: #718096; font-weight: 700; }\r\n        .hce-emoji-size { flex: 1; }\r\n        .hce-emoji-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; }\r\n        @media (max-width: 500px) { .hce-emoji-grid { grid-template-columns: repeat(7, 1fr); } }\r\n        .hce-emoji-btn {\r\n            font-size: 22px;\r\n            line-height: 1;\r\n        }\r\n        .hce-emoji-meta {\r\n            font-size: 11px;\r\n            color: #a0aec0;\r\n            margin: 6px 0 2px 0;\r\n        }\r\n\r\n        \/* ===== BUNT-TOGGLE ===== *\/\r\n        .hce-emoji-toggle-row {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            margin-bottom: 10px;\r\n        }\r\n        .hce-emoji-toggle-label {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #4a5568;\r\n            user-select: none;\r\n        }\r\n        .hce-toggle {\r\n            position: relative;\r\n            display: inline-block;\r\n            width: 40px;\r\n            height: 22px;\r\n            flex-shrink: 0;\r\n        }\r\n        .hce-toggle input { opacity: 0; width: 0; height: 0; }\r\n        .hce-toggle-slider {\r\n            position: absolute;\r\n            cursor: pointer;\r\n            inset: 0;\r\n            background: #cbd5e0;\r\n            border-radius: 22px;\r\n            transition: background .2s;\r\n        }\r\n        .hce-toggle-slider::before {\r\n            content: '';\r\n            position: absolute;\r\n            height: 16px; width: 16px;\r\n            left: 3px; bottom: 3px;\r\n            background: #fff;\r\n            border-radius: 50%;\r\n            transition: transform .2s;\r\n        }\r\n        .hce-toggle input:checked + .hce-toggle-slider { background: #fe6a00; }\r\n        .hce-toggle input:checked + .hce-toggle-slider::before { transform: translateX(18px); }\r\n\r\n        \/* Outline-Emoji-Button *\/\r\n        .hce-emoji-btn-outline {\r\n            width: 100%;\r\n            aspect-ratio: 1;\r\n            border: 1px solid #e2e8f0;\r\n            border-radius: 6px;\r\n            background: #fff;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 3px;\r\n            transition: border-color .15s, box-shadow .15s;\r\n        }\r\n        .hce-emoji-btn-outline:hover {\r\n            border-color: #fe6a00;\r\n            box-shadow: 0 0 0 2px rgba(254,106,0,.2);\r\n        }\r\n        .hce-emoji-btn-outline svg { width: 100%; height: 100%; }\r\n\r\n        \/* ===== OBJECT ACTIONS (contextual) ===== *\/\r\n        .hce-obj-actions {\r\n            position: fixed;\r\n            z-index: 9999;\r\n            border: 1px solid #e2e8f0;\r\n            border-radius: 12px;\r\n            padding: 10px;\r\n            background: #ffffff;\r\n            box-shadow: 0 8px 24px rgba(0,0,0,.12);\r\n            animation: hceSlideIn .2s ease;\r\n            transform: translateY(-50%);\r\n            will-change: left, top;\r\n        }\r\n        @keyframes hceSlideIn {\r\n            from { opacity: 0; transform: translateY(6px); }\r\n            to   { opacity: 1; transform: none; }\r\n        }\r\n        .hce-obj-actions-title {\r\n            font-size: 11px; color: #a0aec0; margin: 0 0 6px 0;\r\n            text-transform: uppercase; letter-spacing: 0.5px;\r\n        }\r\n        .hce-action-grid {\r\n            display: grid; grid-template-columns: 1fr 1fr; gap: 5px;\r\n        }\r\n        .hce-action-btn {\r\n            background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 5px;\r\n            padding: 7px 8px; font-size: 12px; cursor: pointer;\r\n            display: flex; align-items: center; gap: 4px;\r\n            transition: all .12s; white-space: nowrap;\r\n        }\r\n        \/* Gegen externes Theme-CSS (setzt teils button{color:#fff}): *\/\r\n        .hce-app .hce-action-btn { color: #2d3748 !important; }\r\n        .hce-action-btn:hover { background: #edf2f7; }\r\n        .hce-app .hce-action-btn.hce-danger { color: #e53e3e !important; }\r\n        .hce-action-btn.hce-danger:hover { background: #fed7d7; }\r\n\r\n        \/* ===== STAGE ===== *\/\r\n        .hce-stage {\r\n            flex: 1; display: flex; align-items: center; justify-content: center;\r\n            padding: 20px; background: #e2e8f0;\r\n        }\r\n        .hce-canvas-wrap { background: #fff; box-shadow: 0 4px 24px rgba(0,0,0,.15); }\r\n\r\n        \/* Crosshair cursor for drawing modes *\/\r\n        .hce-draw-cursor .upper-canvas { cursor: crosshair !important; }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 900px) {\r\n            .hce-app { flex-direction: column; }\r\n            .hce-sidebar {\r\n                width: 100%;\r\n                flex-direction: column;\r\n                overflow-x: hidden;\r\n                overflow-y: auto;\r\n                padding: 10px;\r\n                gap: 12px;\r\n                max-height: 340px;\r\n                border-right: none;\r\n                border-bottom: 1px solid #ddd;\r\n            }\r\n            .hce-sidebar > .hce-sidebar-title { display: none; }\r\n            .hce-top-row {\r\n                position: sticky;\r\n                top: 0;\r\n                z-index: 100;\r\n                background: #fff;\r\n                padding: 10px 0;\r\n                margin: -10px 0 10px 0;\r\n            }\r\n            .hce-btn-print { font-size: 14px; padding: 10px 14px; }\r\n            .hce-stage { padding: 10px; }\r\n            .hce-obj-actions { display: none !important; }\r\n        }\r\n        @media (max-width: 500px) {\r\n            .hce-sidebar { max-height: 270px; padding: 6px; gap: 6px; }\r\n            .hce-top-row {\r\n                padding: 6px 0;\r\n                margin: -6px 0 6px 0;\r\n            }\r\n            .hce-stage { padding: 6px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n\r\n<!-- ==================== EDITOR APP ==================== -->\r\n<div class=\"hce-app\" id=\"hceApp\">\r\n\r\n    <!-- TOOLBAR (SIDEBAR) -->\r\n    <div class=\"hce-sidebar\">\r\n    \r\n\r\n        <!-- 1) ALWAYS VISIBLE: Print + Undo\/Redo -->\r\n        <div class=\"hce-top-row\">\r\n            <button class=\"hce-btn-print\" onclick=\"exportPDF()\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M6 9V2h12v7\"\/><path d=\"M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2\"\/><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\" rx=\"1\"\/><\/svg>\r\n                <span data-i18n=\"printPdf\">Print PDF<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"hce-sidebar-section-title\" data-i18n=\"personalizeTemplate\">Personalize template<\/div>\r\n        <div class=\"hce-undo-col\">\r\n            <button class=\"hce-undo-btn\" id=\"hceUndo\" onclick=\"undo()\" disabled>\u21a9\ufe0f<\/button>\r\n            <button class=\"hce-undo-btn\" id=\"hceRedo\" onclick=\"redo()\" disabled>\u21aa\ufe0f<\/button>\r\n        <\/div>\r\n        <div class=\"hce-card-list\">\r\n            <!-- Emojis -->\r\n            <div class=\"hce-card\" id=\"hceCardEmojis\">\r\n                <button class=\"hce-card-header\" id=\"hceCardEmojisHeader\" onclick=\"toggleCard('hceCardEmojis')\">\r\n                    <div class=\"hce-card-head\">\r\n                        <div class=\"hce-card-icon\">\ud83d\ude00<\/div>\r\n                        <div class=\"hce-card-title\" data-i18n=\"emojisSymbols\">Emojis &amp; Symbols<\/div>\r\n                    <\/div>\r\n                    <span class=\"hce-card-chevron\">\u25b8<\/span>\r\n                <\/button>\r\n                <div class=\"hce-card-body\" id=\"hceCardEmojisBody\">\r\n                    <div class=\"hce-emoji-toggle-row\">\r\n                        <label class=\"hce-toggle\">\r\n                            <input type=\"checkbox\" id=\"hceEmojiBunt\">\r\n                            <span class=\"hce-toggle-slider\"><\/span>\r\n                        <\/label>\r\n                        <span class=\"hce-emoji-toggle-label\" id=\"hceEmojiBuntLabel\" data-i18n=\"colorful\">Colorful<\/span>\r\n                        <\/div>\r\n                    <div class=\"hce-emoji-row\">\r\n                        <label for=\"hceEmojiSize\" data-i18n=\"size\">Size<\/label>\r\n                        <input class=\"hce-emoji-size\" type=\"range\" id=\"hceEmojiSize\" min=\"40\" max=\"240\" step=\"2\" value=\"110\">\r\n                        <span class=\"hce-format-val\" id=\"hceEmojiSizeVal\">110<\/span>\r\n                        <\/div>\r\n                    <div class=\"hce-sym-tabs\" id=\"hceEmojiTabs\"><\/div>\r\n                    <div class=\"hce-emoji-meta\" id=\"hceEmojiMeta\"><\/div>\r\n                    <div class=\"hce-emoji-grid\" id=\"hceEmojiGrid\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n            <!-- Texte hinzuf\u00fcgen -->\r\n            <div class=\"hce-card\" id=\"hceCardText\">\r\n                <button class=\"hce-card-header hce-tool-trigger\" id=\"hceCardTextHeader\" data-tool=\"text\" onclick=\"toggleCard('hceCardText', 'text')\">\r\n                    <div class=\"hce-card-head\">\r\n                        <div class=\"hce-card-icon\">Aa<\/div>\r\n                        <div class=\"hce-card-title\" data-i18n=\"addText\">Add text<\/div>\r\n                    <\/div>\r\n                    <span class=\"hce-card-chevron\">\u25b8<\/span>\r\n                <\/button>\r\n                <div class=\"hce-card-body\" id=\"hceCardTextBody\">\r\n                    <div class=\"hce-text-row\">\r\n                        <input type=\"text\" id=\"hceCustomText\" data-i18n-placeholder=\"textPlaceholder\" placeholder=\"Abc\u2026\">\r\n                        <button onclick=\"addCustomText()\">+<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                        <!-- Foto hinzuf\u00fcgen -->\r\n                        <div class=\"hce-card\" id=\"hceCardPhoto\">\r\n                            <button class=\"hce-card-header\" id=\"hceCardPhotoHeader\" onclick=\"uploadImage()\">\r\n                                <div class=\"hce-card-head\">\r\n                                    <div class=\"hce-card-icon\">\ud83d\udcf7<\/div>\r\n                                    <div class=\"hce-card-title\" data-i18n=\"addPhoto\">Add photo<\/div>\r\n                                <\/div>\r\n                                <span class=\"hce-card-chevron\">\u25b8<\/span>\r\n                            <\/button>\r\n                            <div class=\"hce-card-body\" id=\"hceCardPhotoBody\">\r\n                                <button class=\"hce-subtool-btn\" onclick=\"setTool('upload')\">\r\n                                    <div class=\"hce-subtool-icon\">\ud83d\udcf7<\/div>\r\n                                    <div class=\"hce-subtool-label\" data-i18n=\"selectPhoto\">Select photo<\/div>\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n            <!-- Symbole & Sticker -->\r\n            <div class=\"hce-card\" id=\"hceCardSymbols\" style=\"display:none\">\r\n                <button class=\"hce-card-header\" id=\"hceCardSymbolsHeader\" onclick=\"toggleCard('hceCardSymbols')\">\r\n                    <div class=\"hce-card-head\">\r\n                        <div class=\"hce-card-icon\">\u2728<\/div>\r\n                        <div class=\"hce-card-title\" data-i18n=\"symbolsStickers\">Symbols &amp; Stickers<\/div>\r\n                    <\/div>\r\n                    <span class=\"hce-card-chevron\">\u25b8<\/span>\r\n                <\/button>\r\n                <div class=\"hce-card-body\" id=\"hceCardSymbolsBody\">\r\n                    <div class=\"hce-sym-tabs\" id=\"hceSymTabs\"><\/div>\r\n                    <div class=\"hce-symbol-grid\" id=\"hceSymbolGrid\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Formen & Linien -->\r\n            <div class=\"hce-card\" id=\"hceCardShapes\">\r\n                <button class=\"hce-card-header\" id=\"hceCardShapesHeader\" onclick=\"toggleCard('hceCardShapes')\">\r\n                    <div class=\"hce-card-head\">\r\n                        <div class=\"hce-card-icon\">\u2571<\/div>\r\n                        <div class=\"hce-card-title\" data-i18n=\"shapesLines\">Shapes &amp; Lines<\/div>\r\n                    <\/div>\r\n                    <span class=\"hce-card-chevron\">\u25b8<\/span>\r\n                <\/button>\r\n                <div class=\"hce-card-body\" id=\"hceCardShapesBody\">\r\n                    <div class=\"hce-subtool-row\">\r\n                        <button class=\"hce-subtool-btn hce-tool-trigger\" data-tool=\"line\" onclick=\"setTool('line')\">\r\n                            <div class=\"hce-subtool-icon\">\u2571<\/div>\r\n                            <div class=\"hce-subtool-label\" data-i18n=\"line\">Line<\/div>\r\n                        <\/button>\r\n                        <button class=\"hce-subtool-btn hce-tool-trigger\" data-tool=\"draw\" onclick=\"setTool('draw')\">\r\n                            <div class=\"hce-subtool-icon\">\u3030<\/div>\r\n                            <div class=\"hce-subtool-label\" data-i18n=\"freehand\">Freehand<\/div>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <div class=\"hce-format-group\">\r\n                        <div class=\"hce-format-row\">\r\n                            <span>\u3030\ufe0f<\/span>\r\n                            <input type=\"range\" id=\"hceDrawStrokeW\" min=\"1\" max=\"20\" step=\"0.5\" value=\"3\">\r\n                            <span class=\"hce-format-val\" id=\"hceDrawStrokeWVal\">3<\/span>\r\n                        <\/div>\r\n                        <div class=\"hce-format-row\">\r\n                            <span>\ud83c\udfa8<\/span>\r\n                            <input type=\"color\" id=\"hceDrawColor\" value=\"#000000\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Defaults (unsichtbar): Text-Settings bleiben stabil auch ohne \"Farben & Stil\" UI -->\r\n            <div id=\"hceTextDefaults\" style=\"display:none\">\r\n                <input type=\"range\" id=\"hceFontSize\" min=\"20\" max=\"300\" value=\"120\">\r\n                <input type=\"range\" id=\"hceStrokeW\" min=\"0\" max=\"10\" step=\"0.5\" value=\"2.5\">\r\n                <input type=\"color\" id=\"hceFillColor\" value=\"#ffffff\">\r\n                <input type=\"color\" id=\"hceStrokeColor\" value=\"#000000\">\r\n            <\/div>\r\n\r\n\r\n\r\n\r\n        <\/div>\r\n\r\n        <!-- 6) CONTEXTUAL: Object Actions (nur bei Selektion) -->\r\n        <div class=\"hce-obj-actions\" id=\"hceObjActions\" style=\"display:none\">\r\n            <p class=\"hce-obj-actions-title\" data-i18n=\"objectActions\">\ud83d\udee0\ufe0f Object<\/p>\r\n            <div class=\"hce-action-grid\">\r\n                <button class=\"hce-action-btn\" onclick=\"duplicateObject()\" data-i18n=\"duplicate\">\ud83d\udccb Duplicate<\/button>\r\n                <button class=\"hce-action-btn\" onclick=\"mirrorObjectH()\" data-i18n=\"mirrorH\">\u2194\ufe0f Mirror H<\/button>\r\n                <button class=\"hce-action-btn\" onclick=\"mirrorObjectV()\" data-i18n=\"mirrorV\">\u2195\ufe0f Mirror V<\/button>\r\n                <button class=\"hce-action-btn\" onclick=\"bringForward()\" data-i18n=\"layerUp\">\u2b06\ufe0f Layer +<\/button>\r\n                <button class=\"hce-action-btn\" onclick=\"sendBackward()\" data-i18n=\"layerDown\">\u2b07\ufe0f Layer \u2212<\/button>\r\n                <button class=\"hce-action-btn\" onclick=\"bringToFront()\" data-i18n=\"bringFront\">\u23eb Bring front<\/button>\r\n                <button class=\"hce-action-btn\" onclick=\"sendToBack()\" data-i18n=\"sendBack\">\u23ec Send back<\/button>\r\n                <button class=\"hce-action-btn hce-danger\" onclick=\"deleteObject()\" data-i18n=\"delete\">\ud83d\uddd1\ufe0f Delete<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- STAGE -->\r\n    <div class=\"hce-stage\">\r\n        <div class=\"hce-canvas-wrap\" id=\"hceCanvasWrap\">\r\n            <canvas id=\"hceCanvas\"><\/canvas>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Hidden SVG-Container (f\u00fcr DOM-Fallback) -->\r\n<div id=\"hceSvgContainer\" style=\"display:none;\"><\/div>\r\n\r\n<script>\r\n\/\/ ================================================================\r\n\/\/  KONFIGURATION\r\n\/\/ ================================================================\r\nconst ASSET_DOMAIN = 'media.colomio.com';\r\nconst SYMBOLS_BASE = 'https:\/\/media.colomio.com\/symbols';\r\nconst A4_W = 210, A4_H = 297;\r\nconst A4_RATIO = A4_H \/ A4_W;\r\nconst CW = 794, CH = Math.round(CW * A4_RATIO);\r\n\r\nlet canvas;\r\n\r\n\/\/ ================================================================\r\n\/\/  INTERNATIONALIZATION\r\n\/\/ ================================================================\r\nconst HCE_I18N = {\r\n    en: {\r\n        printPdf: 'Print PDF', personalizeTemplate: 'Personalize template',\r\n        emojisSymbols: 'Emojis & Symbols', colorful: 'Colorful', size: 'Size',\r\n        addText: 'Add text', addPhoto: 'Add photo', selectPhoto: 'Select photo',\r\n        shapesLines: 'Shapes & Lines', line: 'Line', freehand: 'Freehand',\r\n        symbolsStickers: 'Symbols & Stickers', objectActions: '\ud83d\udee0\ufe0f Object',\r\n        duplicate: '\ud83d\udccb Duplicate', mirrorH: '\u2194\ufe0f Mirror H', mirrorV: '\u2195\ufe0f Mirror V',\r\n        layerUp: '\u2b06\ufe0f Layer +', layerDown: '\u2b07\ufe0f Layer \u2212',\r\n        bringFront: '\u23eb Bring front', sendBack: '\u23ec Send back', delete: '\ud83d\uddd1\ufe0f Delete',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Recently used',\r\n        noRecentEmojis: 'No recently used emojis yet',\r\n        catRecent: 'Recent', catSmileys: 'Smileys', catPeople: 'People',\r\n        catAnimals: 'Animals', catFood: 'Food', catActivity: 'Activity',\r\n        catTravel: 'Travel', catObjects: 'Objects', catSymbols: 'Symbols', catNature: 'Nature',\r\n        modeColorful: '\ud83c\udf08 Colorful', modeOutline: '\u270f\ufe0f Outline',\r\n    },\r\n    fr: {\r\n        printPdf: 'Imprimer PDF', personalizeTemplate: 'Personnaliser le mod\u00e8le',\r\n        emojisSymbols: '\u00c9mojis & Symboles', colorful: 'Color\u00e9', size: 'Taille',\r\n        addText: 'Ajouter du texte', addPhoto: 'Ajouter une photo', selectPhoto: 'Choisir une photo',\r\n        shapesLines: 'Formes & Lignes', line: 'Ligne', freehand: 'Libre',\r\n        symbolsStickers: 'Symboles & Stickers', objectActions: '\ud83d\udee0\ufe0f Objet',\r\n        duplicate: '\ud83d\udccb Dupliquer', mirrorH: '\u2194\ufe0f Miroir H', mirrorV: '\u2195\ufe0f Miroir V',\r\n        layerUp: '\u2b06\ufe0f Calque +', layerDown: '\u2b07\ufe0f Calque \u2212',\r\n        bringFront: '\u23eb Premier plan', sendBack: '\u23ec Arri\u00e8re-plan', delete: '\ud83d\uddd1\ufe0f Supprimer',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'R\u00e9cemment utilis\u00e9s',\r\n        noRecentEmojis: 'Aucun emoji r\u00e9cent',\r\n        catRecent: 'R\u00e9cents', catSmileys: 'Smileys', catPeople: 'Personnes',\r\n        catAnimals: 'Animaux', catFood: 'Nourriture', catActivity: 'Activit\u00e9',\r\n        catTravel: 'Voyage', catObjects: 'Objets', catSymbols: 'Symboles', catNature: 'Nature',\r\n        modeColorful: '\ud83c\udf08 Color\u00e9', modeOutline: '\u270f\ufe0f Contour',\r\n    },\r\n    pl: {\r\n        printPdf: 'Drukuj PDF', personalizeTemplate: 'Personalizuj szablon',\r\n        emojisSymbols: 'Emoji i symbole', colorful: 'Kolorowe', size: 'Rozmiar',\r\n        addText: 'Dodaj tekst', addPhoto: 'Dodaj zdj\u0119cie', selectPhoto: 'Wybierz zdj\u0119cie',\r\n        shapesLines: 'Kszta\u0142ty i linie', line: 'Linia', freehand: 'Odr\u0119cznie',\r\n        symbolsStickers: 'Symbole i naklejki', objectActions: '\ud83d\udee0\ufe0f Obiekt',\r\n        duplicate: '\ud83d\udccb Duplikuj', mirrorH: '\u2194\ufe0f Odbij H', mirrorV: '\u2195\ufe0f Odbij V',\r\n        layerUp: '\u2b06\ufe0f Warstwa +', layerDown: '\u2b07\ufe0f Warstwa \u2212',\r\n        bringFront: '\u23eb Na wierzch', sendBack: '\u23ec Na sp\u00f3d', delete: '\ud83d\uddd1\ufe0f Usu\u0144',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Ostatnio u\u017cywane',\r\n        noRecentEmojis: 'Brak ostatnio u\u017cywanych emoji',\r\n        catRecent: 'Ostatnie', catSmileys: 'Bu\u017aki', catPeople: 'Ludzie',\r\n        catAnimals: 'Zwierz\u0119ta', catFood: 'Jedzenie', catActivity: 'Aktywno\u015b\u0107',\r\n        catTravel: 'Podr\u00f3\u017ce', catObjects: 'Przedmioty', catSymbols: 'Symbole', catNature: 'Natura',\r\n        modeColorful: '\ud83c\udf08 Kolorowe', modeOutline: '\u270f\ufe0f Kontury',\r\n    },\r\n    nl: {\r\n        printPdf: 'PDF afdrukken', personalizeTemplate: 'Sjabloon personaliseren',\r\n        emojisSymbols: \"Emoji's & Symbolen\", colorful: 'Kleurrijk', size: 'Grootte',\r\n        addText: 'Tekst toevoegen', addPhoto: 'Foto toevoegen', selectPhoto: 'Foto kiezen',\r\n        shapesLines: 'Vormen & Lijnen', line: 'Lijn', freehand: 'Vrijhand',\r\n        symbolsStickers: 'Symbolen & Stickers', objectActions: '\ud83d\udee0\ufe0f Object',\r\n        duplicate: '\ud83d\udccb Dupliceren', mirrorH: '\u2194\ufe0f Spiegelen H', mirrorV: '\u2195\ufe0f Spiegelen V',\r\n        layerUp: '\u2b06\ufe0f Laag +', layerDown: '\u2b07\ufe0f Laag \u2212',\r\n        bringFront: '\u23eb Naar voren', sendBack: '\u23ec Naar achter', delete: '\ud83d\uddd1\ufe0f Verwijderen',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Recent gebruikt',\r\n        noRecentEmojis: \"Nog geen recent gebruikte emoji's\",\r\n        catRecent: 'Recent', catSmileys: 'Smileys', catPeople: 'Mensen',\r\n        catAnimals: 'Dieren', catFood: 'Eten', catActivity: 'Activiteit',\r\n        catTravel: 'Reizen', catObjects: 'Objecten', catSymbols: 'Symbolen', catNature: 'Natuur',\r\n        modeColorful: '\ud83c\udf08 Kleurrijk', modeOutline: '\u270f\ufe0f Omtrek',\r\n    },\r\n    pt: {\r\n        printPdf: 'Imprimir PDF', personalizeTemplate: 'Personalizar modelo',\r\n        emojisSymbols: 'Emojis & S\u00edmbolos', colorful: 'Colorido', size: 'Tamanho',\r\n        addText: 'Adicionar texto', addPhoto: 'Adicionar foto', selectPhoto: 'Escolher foto',\r\n        shapesLines: 'Formas & Linhas', line: 'Linha', freehand: 'M\u00e3o livre',\r\n        symbolsStickers: 'S\u00edmbolos & Stickers', objectActions: '\ud83d\udee0\ufe0f Objeto',\r\n        duplicate: '\ud83d\udccb Duplicar', mirrorH: '\u2194\ufe0f Espelhar H', mirrorV: '\u2195\ufe0f Espelhar V',\r\n        layerUp: '\u2b06\ufe0f Camada +', layerDown: '\u2b07\ufe0f Camada \u2212',\r\n        bringFront: '\u23eb Trazer \u00e0 frente', sendBack: '\u23ec Enviar para tr\u00e1s', delete: '\ud83d\uddd1\ufe0f Excluir',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Usados recentemente',\r\n        noRecentEmojis: 'Nenhum emoji recente',\r\n        catRecent: 'Recentes', catSmileys: 'Smileys', catPeople: 'Pessoas',\r\n        catAnimals: 'Animais', catFood: 'Comida', catActivity: 'Atividade',\r\n        catTravel: 'Viagens', catObjects: 'Objetos', catSymbols: 'S\u00edmbolos', catNature: 'Natureza',\r\n        modeColorful: '\ud83c\udf08 Colorido', modeOutline: '\u270f\ufe0f Contorno',\r\n    },\r\n    it: {\r\n        printPdf: 'Stampa PDF', personalizeTemplate: 'Personalizza il modello',\r\n        emojisSymbols: 'Emoji & Simboli', colorful: 'Colorato', size: 'Dimensione',\r\n        addText: 'Aggiungi testo', addPhoto: 'Aggiungi foto', selectPhoto: 'Scegli foto',\r\n        shapesLines: 'Forme & Linee', line: 'Linea', freehand: 'A mano libera',\r\n        symbolsStickers: 'Simboli & Sticker', objectActions: '\ud83d\udee0\ufe0f Oggetto',\r\n        duplicate: '\ud83d\udccb Duplica', mirrorH: '\u2194\ufe0f Specchia H', mirrorV: '\u2195\ufe0f Specchia V',\r\n        layerUp: '\u2b06\ufe0f Livello +', layerDown: '\u2b07\ufe0f Livello \u2212',\r\n        bringFront: '\u23eb Porta avanti', sendBack: '\u23ec Porta indietro', delete: '\ud83d\uddd1\ufe0f Elimina',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Usati di recente',\r\n        noRecentEmojis: 'Nessuna emoji recente',\r\n        catRecent: 'Recenti', catSmileys: 'Smileys', catPeople: 'Persone',\r\n        catAnimals: 'Animali', catFood: 'Cibo', catActivity: 'Attivit\u00e0',\r\n        catTravel: 'Viaggi', catObjects: 'Oggetti', catSymbols: 'Simboli', catNature: 'Natura',\r\n        modeColorful: '\ud83c\udf08 Colorato', modeOutline: '\u270f\ufe0f Contorno',\r\n    },\r\n    sv: {\r\n        printPdf: 'Skriv ut PDF', personalizeTemplate: 'Anpassa mall',\r\n        emojisSymbols: 'Emojis & Symboler', colorful: 'F\u00e4rgglad', size: 'Storlek',\r\n        addText: 'L\u00e4gg till text', addPhoto: 'L\u00e4gg till foto', selectPhoto: 'V\u00e4lj foto',\r\n        shapesLines: 'Former & Linjer', line: 'Linje', freehand: 'Frihand',\r\n        symbolsStickers: 'Symboler & Klisterm\u00e4rken', objectActions: '\ud83d\udee0\ufe0f Objekt',\r\n        duplicate: '\ud83d\udccb Duplicera', mirrorH: '\u2194\ufe0f Spegla H', mirrorV: '\u2195\ufe0f Spegla V',\r\n        layerUp: '\u2b06\ufe0f Lager +', layerDown: '\u2b07\ufe0f Lager \u2212',\r\n        bringFront: '\u23eb L\u00e4ngst fram', sendBack: '\u23ec L\u00e4ngst bak', delete: '\ud83d\uddd1\ufe0f Ta bort',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Nyligen anv\u00e4nda',\r\n        noRecentEmojis: 'Inga nyligen anv\u00e4nda emojis',\r\n        catRecent: 'Senaste', catSmileys: 'Smileys', catPeople: 'M\u00e4nniskor',\r\n        catAnimals: 'Djur', catFood: 'Mat', catActivity: 'Aktivitet',\r\n        catTravel: 'Resor', catObjects: 'F\u00f6rem\u00e5l', catSymbols: 'Symboler', catNature: 'Natur',\r\n        modeColorful: '\ud83c\udf08 F\u00e4rgglad', modeOutline: '\u270f\ufe0f Kontur',\r\n    },\r\n    da: {\r\n        printPdf: 'Udskriv PDF', personalizeTemplate: 'Tilpas skabelon',\r\n        emojisSymbols: 'Emojis & Symboler', colorful: 'Farverig', size: 'St\u00f8rrelse',\r\n        addText: 'Tilf\u00f8j tekst', addPhoto: 'Tilf\u00f8j foto', selectPhoto: 'V\u00e6lg foto',\r\n        shapesLines: 'Former & Linjer', line: 'Linje', freehand: 'Frihand',\r\n        symbolsStickers: 'Symboler & Klisterm\u00e6rker', objectActions: '\ud83d\udee0\ufe0f Objekt',\r\n        duplicate: '\ud83d\udccb Duplik\u00e9r', mirrorH: '\u2194\ufe0f Spejl H', mirrorV: '\u2195\ufe0f Spejl V',\r\n        layerUp: '\u2b06\ufe0f Lag +', layerDown: '\u2b07\ufe0f Lag \u2212',\r\n        bringFront: '\u23eb Forrest', sendBack: '\u23ec Bagerst', delete: '\ud83d\uddd1\ufe0f Slet',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Senest brugte',\r\n        noRecentEmojis: 'Ingen senest brugte emojis',\r\n        catRecent: 'Seneste', catSmileys: 'Smileys', catPeople: 'Mennesker',\r\n        catAnimals: 'Dyr', catFood: 'Mad', catActivity: 'Aktivitet',\r\n        catTravel: 'Rejse', catObjects: 'Genstande', catSymbols: 'Symboler', catNature: 'Natur',\r\n        modeColorful: '\ud83c\udf08 Farverig', modeOutline: '\u270f\ufe0f Kontur',\r\n    },\r\n    fi: {\r\n        printPdf: 'Tulosta PDF', personalizeTemplate: 'Mukauta mallia',\r\n        emojisSymbols: 'Emojit & Symbolit', colorful: 'V\u00e4rik\u00e4s', size: 'Koko',\r\n        addText: 'Lis\u00e4\u00e4 teksti', addPhoto: 'Lis\u00e4\u00e4 kuva', selectPhoto: 'Valitse kuva',\r\n        shapesLines: 'Muodot & Viivat', line: 'Viiva', freehand: 'Vapaak\u00e4si',\r\n        symbolsStickers: 'Symbolit & Tarrat', objectActions: '\ud83d\udee0\ufe0f Objekti',\r\n        duplicate: '\ud83d\udccb Kopioi', mirrorH: '\u2194\ufe0f Peilikuva H', mirrorV: '\u2195\ufe0f Peilikuva V',\r\n        layerUp: '\u2b06\ufe0f Taso +', layerDown: '\u2b07\ufe0f Taso \u2212',\r\n        bringFront: '\u23eb Eteen', sendBack: '\u23ec Taakse', delete: '\ud83d\uddd1\ufe0f Poista',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Viimeksi k\u00e4ytetyt',\r\n        noRecentEmojis: 'Ei viimeksi k\u00e4ytettyj\u00e4 emojeja',\r\n        catRecent: 'Viimeisimm\u00e4t', catSmileys: 'Hymi\u00f6t', catPeople: 'Ihmiset',\r\n        catAnimals: 'El\u00e4imet', catFood: 'Ruoka', catActivity: 'Toiminta',\r\n        catTravel: 'Matkailu', catObjects: 'Esineet', catSymbols: 'Symbolit', catNature: 'Luonto',\r\n        modeColorful: '\ud83c\udf08 V\u00e4rik\u00e4s', modeOutline: '\u270f\ufe0f \u00c4\u00e4riviiva',\r\n    },\r\n    nb: {\r\n        printPdf: 'Skriv ut PDF', personalizeTemplate: 'Tilpass mal',\r\n        emojisSymbols: 'Emojier & Symboler', colorful: 'Fargerik', size: 'St\u00f8rrelse',\r\n        addText: 'Legg til tekst', addPhoto: 'Legg til bilde', selectPhoto: 'Velg bilde',\r\n        shapesLines: 'Former & Linjer', line: 'Linje', freehand: 'Frih\u00e5nd',\r\n        symbolsStickers: 'Symboler & Klistremerker', objectActions: '\ud83d\udee0\ufe0f Objekt',\r\n        duplicate: '\ud83d\udccb Dupliser', mirrorH: '\u2194\ufe0f Speilvend H', mirrorV: '\u2195\ufe0f Speilvend V',\r\n        layerUp: '\u2b06\ufe0f Lag +', layerDown: '\u2b07\ufe0f Lag \u2212',\r\n        bringFront: '\u23eb Fremst', sendBack: '\u23ec Bakerst', delete: '\ud83d\uddd1\ufe0f Slett',\r\n        textPlaceholder: 'Abc\u2026', recentEmojis: 'Nylig brukt',\r\n        noRecentEmojis: 'Ingen nylig brukte emojier',\r\n        catRecent: 'Siste', catSmileys: 'Smileys', catPeople: 'Mennesker',\r\n        catAnimals: 'Dyr', catFood: 'Mat', catActivity: 'Aktivitet',\r\n        catTravel: 'Reise', catObjects: 'Gjenstander', catSymbols: 'Symboler', catNature: 'Natur',\r\n        modeColorful: '\ud83c\udf08 Fargerik', modeOutline: '\u270f\ufe0f Kontur',\r\n    },\r\n};\r\n\r\n\/\/ Maps URL path slugs \/ regional tags \u2192 i18n keys\r\nconst HCE_LANG_MAP = {\r\n    'en': 'en', 'en-gb': 'en', 'en-us': 'en',\r\n    'fr': 'fr', 'fr-fr': 'fr', 'fr-be': 'fr', 'fr-ch': 'fr',\r\n    'pl': 'pl', 'pl-pl': 'pl',\r\n    'nl': 'nl', 'nl-nl': 'nl', 'nl-be': 'nl',\r\n    'pt': 'pt', 'pt-pt': 'pt', 'pt-br': 'pt',\r\n    'it': 'it', 'it-it': 'it',\r\n    'sv': 'sv', 'sv-se': 'sv',\r\n    'da': 'da', 'da-dk': 'da',\r\n    'fi': 'fi', 'fi-fi': 'fi',\r\n    'nb': 'nb', 'nb-no': 'nb', 'no': 'nb', 'no-no': 'nb',\r\n};\r\n\r\nlet _hceLang = null;\r\nfunction hceDetectLang () {\r\n    \/\/ 1. URL path slug (primary source)\r\n    \/\/    \/fr\/...      \u2192 fr\r\n    \/\/    \/pt-pt\/...   \u2192 pt\r\n    \/\/    \/no\/...      \u2192 nb\r\n    \/\/    \/           \u2192 en (default, no match)\r\n    const segments = window.location.pathname.split('\/').filter(Boolean);\r\n    for (const seg of segments) {\r\n        const k = seg.toLowerCase();\r\n        if (HCE_LANG_MAP[k]) return HCE_LANG_MAP[k];\r\n    }\r\n    \/\/ 2. ?lang= fallback (useful for local testing)\r\n    const p = new URLSearchParams(window.location.search).get('lang');\r\n    if (p) { const k = p.toLowerCase(); if (HCE_LANG_MAP[k]) return HCE_LANG_MAP[k]; }\r\n    \/\/ 3. Default: English (colomio.com root = English)\r\n    return 'en';\r\n}\r\nfunction t (key) {\r\n    if (!_hceLang) _hceLang = hceDetectLang();\r\n    const d = HCE_I18N[_hceLang] || HCE_I18N['en'];\r\n    return d[key] !== undefined ? d[key] : (HCE_I18N['en'][key] || key);\r\n}\r\nfunction applyTranslations () {\r\n    document.querySelectorAll('[data-i18n]').forEach(el => {\r\n        el.textContent = t(el.dataset.i18n);\r\n    });\r\n    document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {\r\n        el.placeholder = t(el.dataset.i18nPlaceholder);\r\n    });\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  TRACKING (GTM \u2192 dataLayer)\r\n\/\/ ================================================================\r\nfunction hceTrack (eventName, params = {}) {\r\n    try {\r\n        window.dataLayer = window.dataLayer || [];\r\n        window.dataLayer.push({\r\n            event: eventName,\r\n            ...params,\r\n            hce_host: window.location.hostname || '',\r\n        });\r\n    } catch (_) {}\r\n}\r\nfunction hceTruncMsg (msg, maxLen = 120) {\r\n    try { return String(msg || '').slice(0, maxLen); } catch (_) { return ''; }\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  UNDO \/ REDO\r\n\/\/ ================================================================\r\nconst undoStack = [];\r\nlet undoIdx = -1;\r\nlet undoSuspended = false;\r\nlet bootstrapping = true;\r\nconst MAX_UNDO = 50;\r\n\r\nfunction saveState () {\r\n    if (undoSuspended || bootstrapping) return;\r\n    undoStack.splice(undoIdx + 1);\r\n    undoStack.push(JSON.stringify(canvas.toJSON()));\r\n    if (undoStack.length > MAX_UNDO) undoStack.shift();\r\n    undoIdx = undoStack.length - 1;\r\n    updateUndoButtons();\r\n}\r\nfunction undo () { if (undoIdx <= 0) return; undoIdx--; restoreState(); }\r\nfunction redo () { if (undoIdx >= undoStack.length - 1) return; undoIdx++; restoreState(); }\r\nfunction restoreState () {\r\n    undoSuspended = true;\r\n    canvas.loadFromJSON(undoStack[undoIdx], () => {\r\n        canvas.renderAll();\r\n        undoSuspended = false;\r\n        updateUndoButtons();\r\n    });\r\n}\r\nfunction updateUndoButtons () {\r\n    document.getElementById('hceUndo').disabled = (undoIdx <= 0);\r\n    document.getElementById('hceRedo').disabled = (undoIdx >= undoStack.length - 1);\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  TOOL MODES  (Progressive Disclosure \u2013 Kern-Logik)\r\n\/\/ ================================================================\r\nlet activeTool = 'select';\r\nlet lineStarted = false;\r\nlet tempLine = null;\r\n\r\nfunction setTool (tool) {\r\n    \/\/ --- Altes Tool deaktivieren ---\r\n    if (activeTool === 'draw') stopFreehand();\r\n    if (activeTool === 'line') stopLineTool();\r\n\r\n    \/\/ Upload = sofort Dialog, dann zur\u00fcck zu Select\r\n    if (tool === 'upload') {\r\n        hceTrack('hce_tool_select', { tool: 'upload' });\r\n        uploadImage();\r\n        return;  \/\/ bleibt beim vorherigen Tool\r\n    }\r\n\r\n    activeTool = tool;\r\n\r\n    if (tool === 'text' || tool === 'line' || tool === 'draw') {\r\n        hceTrack('hce_tool_select', { tool });\r\n    }\r\n\r\n    \/\/ Tool-Buttons highlighten (Cards\/Sub-Tools)\r\n    document.querySelectorAll('.hce-tool-trigger').forEach(b =>\r\n        b.classList.toggle('hce-tool-active', b.dataset.tool === tool));\r\n\r\n    \/\/ Canvas-Verhalten anpassen\r\n    const wrap = document.getElementById('hceCanvasWrap');\r\n    wrap.classList.toggle('hce-draw-cursor', tool === 'line' || tool === 'draw');\r\n\r\n    if (tool === 'select' || tool === 'text') {\r\n        canvas.isDrawingMode = false;\r\n        canvas.selection = true;\r\n        canvas.forEachObject(o => { o.selectable = true; o.evented = true; });\r\n    } else if (tool === 'line') {\r\n        canvas.isDrawingMode = false;\r\n        canvas.selection = false;\r\n        canvas.discardActiveObject();\r\n        canvas.forEachObject(o => { o.selectable = false; o.evented = false; });\r\n        startLineTool();\r\n    } else if (tool === 'draw') {\r\n        canvas.selection = false;\r\n        canvas.discardActiveObject();\r\n        startFreehand();\r\n    }\r\n    canvas.renderAll();\r\n    updateObjActionsVisibility();\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  STRAIGHT LINE TOOL\r\n\/\/ ================================================================\r\nfunction startLineTool () {\r\n    canvas.on('mouse:down', lineMouseDown);\r\n    canvas.on('mouse:move', lineMouseMove);\r\n    canvas.on('mouse:up',   lineMouseUp);\r\n}\r\nfunction stopLineTool () {\r\n    canvas.off('mouse:down', lineMouseDown);\r\n    canvas.off('mouse:move', lineMouseMove);\r\n    canvas.off('mouse:up',   lineMouseUp);\r\n    if (tempLine) { canvas.remove(tempLine); tempLine = null; }\r\n    lineStarted = false;\r\n}\r\n\r\nfunction lineMouseDown (opt) {\r\n    const ptr = canvas.getPointer(opt.e);\r\n    const sw = +document.getElementById('hceDrawStrokeW').value;\r\n    const sc = document.getElementById('hceDrawColor').value;\r\n    lineStarted = true;\r\n    undoSuspended = true;\r\n    tempLine = new fabric.Line([ptr.x, ptr.y, ptr.x, ptr.y], {\r\n        stroke: sc, strokeWidth: sw,\r\n        strokeLineCap: 'round',\r\n        selectable: false, evented: false,\r\n    });\r\n    canvas.add(tempLine);\r\n}\r\nfunction lineMouseMove (opt) {\r\n    if (!lineStarted || !tempLine) return;\r\n    const ptr = canvas.getPointer(opt.e);\r\n    tempLine.set({ x2: ptr.x, y2: ptr.y });\r\n    canvas.renderAll();\r\n}\r\nfunction lineMouseUp () {\r\n    if (!lineStarted || !tempLine) return;\r\n    lineStarted = false;\r\n    undoSuspended = false;\r\n    \/\/ Min-L\u00e4nge pr\u00fcfen (verhindert versehentliche 0-Pixel-Linien)\r\n    const dx = tempLine.x2 - tempLine.x1, dy = tempLine.y2 - tempLine.y1;\r\n    if (Math.sqrt(dx*dx + dy*dy) < 3) {\r\n        canvas.remove(tempLine);\r\n    } else {\r\n        tempLine.setCoords();\r\n        saveState();\r\n    }\r\n    tempLine = null;\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  FREEHAND DRAWING (PencilBrush)\r\n\/\/ ================================================================\r\nfunction startFreehand () {\r\n    const sw = +document.getElementById('hceDrawStrokeW').value;\r\n    const sc = document.getElementById('hceDrawColor').value;\r\n    canvas.isDrawingMode = true;\r\n    canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);\r\n    canvas.freeDrawingBrush.width = sw;\r\n    canvas.freeDrawingBrush.color = sc;\r\n    canvas.freeDrawingBrush.strokeLineCap = 'round';\r\n    canvas.freeDrawingBrush.strokeLineJoin = 'round';\r\n}\r\nfunction stopFreehand () {\r\n    canvas.isDrawingMode = false;\r\n}\r\nfunction updateDrawSettings () {\r\n    const sw = +document.getElementById('hceDrawStrokeW').value;\r\n    document.getElementById('hceDrawStrokeWVal').textContent = sw;\r\n    if (activeTool === 'draw' && canvas.freeDrawingBrush) {\r\n        canvas.freeDrawingBrush.width = sw;\r\n        canvas.freeDrawingBrush.color = document.getElementById('hceDrawColor').value;\r\n    }\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  SYMBOL-KATEGORIEN\r\n\/\/ ================================================================\r\nconst SYMBOL_CATEGORIES = [\r\n    { id: 'nature',    icon: '\ud83c\udf3f', count: 12 },\r\n    { id: 'animals',   icon: '\ud83d\udc3e', count: 12 },\r\n    { id: 'shapes',    icon: '\ud83d\udc9c', count: 12 },\r\n    { id: 'party',     icon: '\ud83c\udf89', count: 12 },\r\n    { id: 'fantasy',   icon: '\u2728', count: 12 },\r\n    { id: 'food',      icon: '\ud83c\udf66', count: 12 },\r\n    { id: 'vehicles',  icon: '\ud83d\ude80', count: 12 },\r\n    { id: 'music',     icon: '\ud83c\udfb5', count: 12 },\r\n];\r\nlet activeCategory = SYMBOL_CATEGORIES[0].id;\r\n\r\nconst svgCache = {};\r\nasync function fetchSVG (url) {\r\n    if (svgCache[url]) return svgCache[url];\r\n    const r = await fetch(url);\r\n    if (!r.ok) throw new Error('HTTP ' + r.status);\r\n    const text = await r.text();\r\n    svgCache[url] = text;\r\n    return text;\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  CANVAS INITIALISIEREN\r\n\/\/ ================================================================\r\nfunction initCanvas () {\r\n    canvas = new fabric.Canvas('hceCanvas', {\r\n        width: CW, height: CH,\r\n        backgroundColor: '#ffffff',\r\n        preserveObjectStacking: true,\r\n        selection: true,\r\n    });\r\n\r\n    fabric.Object.prototype.set({\r\n        cornerSize: 16, cornerColor: '#e53e3e', cornerStrokeColor: '#c53030',\r\n        borderColor: '#e53e3e', borderScaleFactor: 2,\r\n        transparentCorners: false, cornerStyle: 'circle',\r\n        rotatingPointOffset: 35, padding: 4,\r\n    });\r\n\r\n    fitStage();\r\n    window.addEventListener('resize', fitStage);\r\n\r\n    \/\/ Undo\/Redo Events\r\n    canvas.on('object:added',    saveState);\r\n    canvas.on('object:modified', saveState);\r\n    canvas.on('object:removed',  saveState);\r\n\r\n    \/\/ Progressive Disclosure: Objekt-Aktionen + Text-Format Sync\r\n    canvas.on('selection:created', onSelectionChange);\r\n    canvas.on('selection:updated', onSelectionChange);\r\n    canvas.on('selection:cleared', onSelectionChange);\r\n    \/\/ Panel-Position beim Rendern nachziehen (Zoom\/Resize\/Move)\r\n    canvas.on('after:render', () => {\r\n        const el = document.getElementById('hceObjActions');\r\n        if (el && el.style.display !== 'none') positionObjActions();\r\n    });\r\n\r\n    \/\/ Escape beendet Zeichenwerkzeuge\r\n    document.addEventListener('keydown', e => {\r\n        if (e.key === 'Escape' && (activeTool === 'line' || activeTool === 'draw')) {\r\n            setTool('select');\r\n            return;\r\n        }\r\n        \/\/ Undo\/Redo\r\n        if ((e.ctrlKey || e.metaKey) && !e.shiftKey && e.key === 'z') { e.preventDefault(); undo(); return; }\r\n        if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'z')  { e.preventDefault(); redo(); return; }\r\n        if ((e.ctrlKey || e.metaKey) && e.key === 'y')                { e.preventDefault(); redo(); return; }\r\n\r\n        const a = canvas.getActiveObject();\r\n        if (!a || a.isEditing) return;\r\n        if (e.key === 'Delete' || e.key === 'Backspace') { e.preventDefault(); deleteObject(); }\r\n        if ((e.ctrlKey || e.metaKey) && e.key === 'd')   { e.preventDefault(); duplicateObject(); }\r\n    });\r\n\r\n    saveState();\r\n}\r\n\r\nfunction fitStage () {\r\n    const area = document.querySelector('.hce-stage');\r\n    const wrap = document.getElementById('hceCanvasWrap');\r\n    const availW = area.clientWidth - 40, availH = area.clientHeight - 40;\r\n    let dW, dH;\r\n    if (availW \/ availH > 1 \/ A4_RATIO) { dH = availH; dW = dH \/ A4_RATIO; }\r\n    else { dW = availW; dH = dW * A4_RATIO; }\r\n    wrap.style.width = dW + 'px';\r\n    wrap.style.height = dH + 'px';\r\n    canvas.setZoom(dW \/ CW);\r\n    canvas.setWidth(dW);\r\n    canvas.setHeight(dH);\r\n    \/\/ Floating UI nachziehen\r\n    positionObjActions();\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  SELECTION CHANGE \u2192 Progressive Disclosure\r\n\/\/ ================================================================\r\nfunction onSelectionChange () {\r\n    updateObjActionsVisibility();\r\n    syncTextFormatFromSelection();\r\n}\r\n\r\nfunction positionObjActions () {\r\n    const obj = canvas.getActiveObject();\r\n    const el = document.getElementById('hceObjActions');\r\n    if (!obj || !el) return;\r\n\r\n    \/\/ Sicherstellen, dass aCoords aktuell sind\r\n    try { obj.setCoords(); } catch (_) {}\r\n    const ac = obj.aCoords;\r\n    if (!ac || !ac.tr || !ac.br) return;\r\n\r\n    \/\/ Punkt: rechts mittig neben dem Objekt (Canvas-Koordinaten)\r\n    const rightMid = new fabric.Point(\r\n        (ac.tr.x + ac.br.x) \/ 2,\r\n        (ac.tr.y + ac.br.y) \/ 2\r\n    );\r\n\r\n    \/\/ In Pixel im Canvas (mit Zoom\/Viewport)\r\n    const vt = canvas.viewportTransform;\r\n    const p = fabric.util.transformPoint(rightMid, vt);\r\n\r\n    const canvasRect = canvas.upperCanvasEl.getBoundingClientRect();\r\n    const stageEl = document.querySelector('.hce-stage');\r\n    const stageRect = stageEl ? stageEl.getBoundingClientRect() : canvasRect;\r\n    const pad = 8;\r\n    const offsetX = 12;\r\n\r\n    \/\/ Y folgt dem Objekt (mit Clamp in der Stage)\r\n    let topCenter = canvasRect.top + p.y;\r\n\r\n    \/\/ Gr\u00f6\u00dfe (f\u00fcr Clamp)\r\n    const w = el.offsetWidth || 220;\r\n    const h = el.offsetHeight || 120;\r\n\r\n    \/\/ X: bevorzugt rechts neben der Stage (im grauen Bereich)\r\n    const gutterSpace = stageRect.right - canvasRect.right;\r\n    const canDockRight = gutterSpace >= (w + pad + offsetX);\r\n    let left;\r\n    if (canDockRight) {\r\n        left = canvasRect.right + offsetX;\r\n        const maxLeft = stageRect.right - pad - w;\r\n        left = Math.min(left, maxLeft);\r\n    } else {\r\n        \/\/ Fallback: rechts neben dem Objekt innerhalb des Canvas\r\n        left = canvasRect.left + p.x + offsetX;\r\n        const minLeft = canvasRect.left + pad;\r\n        const maxLeft = canvasRect.right - pad - w;\r\n        left = Math.max(minLeft, Math.min(maxLeft, left));\r\n    }\r\n\r\n    const minTopC = stageRect.top + pad + h \/ 2;\r\n    const maxTopC = stageRect.bottom - pad - h \/ 2;\r\n    topCenter = Math.max(minTopC, Math.min(maxTopC, topCenter));\r\n\r\n    el.style.left = Math.round(left) + 'px';\r\n    el.style.top  = Math.round(topCenter) + 'px';\r\n}\r\n\r\nfunction updateObjActionsVisibility () {\r\n    const obj = canvas.getActiveObject();\r\n    const el = document.getElementById('hceObjActions');\r\n    if (!el) return;\r\n    el.style.display = obj ? '' : 'none';\r\n    if (obj) positionObjActions();\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  COLLAPSIBLE TOGGLES\r\n\/\/ ================================================================\r\nconst HCE_CARDS = ['hceCardEmojis', 'hceCardText', 'hceCardShapes', \/* 'hceCardSymbols', *\/ 'hceCardPhoto'];\r\n\r\nfunction setCardOpen (cardId, shouldOpen) {\r\n    const header = document.getElementById(cardId + 'Header');\r\n    const body   = document.getElementById(cardId + 'Body');\r\n    if (!header || !body) return;\r\n    body.classList.toggle('hce-open', shouldOpen);\r\n    header.classList.toggle('hce-open', shouldOpen);\r\n}\r\n\r\nfunction toggleCard (cardId, toolToSet) {\r\n    const body = document.getElementById(cardId + 'Body');\r\n    const isOpen = body ? body.classList.contains('hce-open') : false;\r\n    \/\/ Accordion: immer nur eine Card offen\r\n    HCE_CARDS.forEach(id => setCardOpen(id, false));\r\n    setCardOpen(cardId, !isOpen);\r\n    if (!isOpen && cardId === 'hceCardSymbols') hceTrack('hce_tool_select', { tool: 'symbols' });\r\n    if (!isOpen && toolToSet) setTool(toolToSet);\r\n}\r\n\r\nfunction toggleTextFormat () {\r\n    const toggle = document.getElementById('hceTextFormatToggle');\r\n    const body   = document.getElementById('hceTextFormatBody');\r\n    if (!toggle || !body) return;\r\n    const open = body.classList.toggle('hce-open');\r\n    toggle.classList.toggle('hce-open', open);\r\n}\r\n\r\nfunction openTextFormat () {\r\n    const toggle = document.getElementById('hceTextFormatToggle');\r\n    const body   = document.getElementById('hceTextFormatBody');\r\n    if (!toggle || !body) return;\r\n    if (!body.classList.contains('hce-open')) {\r\n        body.classList.add('hce-open');\r\n        toggle.classList.add('hce-open');\r\n    }\r\n}\r\n\r\nfunction toggleSymbols () { toggleCard('hceCardSymbols'); }\r\n\r\n\/\/ ================================================================\r\n\/\/  SVG LADEN (Ausmalbild)\r\n\/\/ ================================================================\r\nfunction extractRelativePath (url) {\r\n    try { const u = new URL(url); return u.pathname.replace(\/^\\\/t\\\/\\d+x\\d+\\\/\/, '\/').replace(\/^\\\/\/, ''); }\r\n    catch (_) { return url.replace(\/^\\\/t\\\/\\d+x\\d+\\\/\/, '').replace(\/^\\\/\/, ''); }\r\n}\r\n\r\nfunction loadSVG () {\r\n    const params = new URLSearchParams(window.location.search);\r\n    const bildUrl = params.get('bildUrl');\r\n    let svgUrl, pngUrl;\r\n    if (bildUrl) {\r\n        const rel = extractRelativePath(decodeURIComponent(bildUrl));\r\n        svgUrl = 'https:\/\/' + ASSET_DOMAIN + '\/t\/500x500\/' + rel.replace(\/\\.png$\/, '.svg');\r\n        pngUrl = 'https:\/\/' + ASSET_DOMAIN + '\/t\/500x500\/' + rel;\r\n    } else {\r\n        const imgEl = document.querySelector('img.painting-img');\r\n        if (imgEl) {\r\n            svgUrl = imgEl.src.replace(\/\\.png$\/, '.svg');\r\n            pngUrl = imgEl.src;\r\n        }\r\n    }\r\n    if (!svgUrl) {\r\n        console.warn('[HCE] Keine SVG-URL - leere Stage');\r\n        hceTrack('hce_error', { type: 'svg_load', msg: 'no_svg_url' });\r\n        return;\r\n    }\r\n\r\n    \/\/ Template-Laden soll nicht als Undo-Schritt z\u00e4hlen\r\n    bootstrapping = true;\r\n    \r\n    \/\/ ZUERST: SVG versuchen\r\n    fetch(svgUrl)\r\n        .then(r => { \r\n            if (!r.ok) throw new Error('HTTP ' + r.status); \r\n            return r.text(); \r\n        })\r\n        .then(svgData => {\r\n            const container = document.getElementById('hceSvgContainer');\r\n            if (container) container.innerHTML = svgData;\r\n            fabric.loadSVGFromString(svgData, (objects, options) => {\r\n                const grp = fabric.util.groupSVGElements(objects, options);\r\n                const scale = Math.min(CW \/ grp.width, CH \/ grp.height) * 0.92;\r\n                grp.set({ scaleX: scale, scaleY: scale, left: CW\/2, top: CH\/2, originX:'center', originY:'center', selectable: true });\r\n                canvas.add(grp); \r\n                canvas.sendToBack(grp); \r\n                canvas.renderAll();\r\n                \/\/ Baseline-State nach Template laden\r\n                bootstrapping = false;\r\n                undoStack.length = 0;\r\n                undoIdx = -1;\r\n                saveState();\r\n            });\r\n        })\r\n        .catch(err => {\r\n            \/\/ SVG fehlgeschlagen \u2192 FALLBACK: PNG laden\r\n            console.warn('[HCE] SVG konnte nicht geladen werden, versuche PNG-Fallback:', err);\r\n            hceTrack('hce_error', { type: 'svg_load', msg: hceTruncMsg(err && err.message ? err.message : err) });\r\n            \r\n            if (pngUrl) {\r\n                fabric.Image.fromURL(pngUrl, img => {\r\n                    const scale = Math.min(CW \/ img.width, CH \/ img.height) * 0.92;\r\n                    img.set({ \r\n                        scaleX: scale, \r\n                        scaleY: scale, \r\n                        left: CW\/2, \r\n                        top: CH\/2, \r\n                        originX:'center', \r\n                        originY:'center', \r\n                        selectable: true \r\n                    });\r\n                    canvas.add(img); \r\n                    canvas.sendToBack(img); \r\n                    canvas.renderAll();\r\n                    \/\/ Baseline-State nach Template laden\r\n                    bootstrapping = false;\r\n                    undoStack.length = 0;\r\n                    undoIdx = -1;\r\n                    saveState();\r\n                }, {\r\n                    crossOrigin: 'anonymous'\r\n                });\r\n            } else {\r\n                \/\/ Weder SVG noch PNG verf\u00fcgbar\r\n                bootstrapping = false;\r\n                undoStack.length = 0;\r\n                undoIdx = -1;\r\n                saveState();\r\n            }\r\n        });\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  TEXT + FORMATIERUNG\r\n\/\/ ================================================================\r\nfunction getTextSettings () {\r\n    const fs = document.getElementById('hceFontSize');\r\n    const sw = document.getElementById('hceStrokeW');\r\n    const fc = document.getElementById('hceFillColor');\r\n    const sc = document.getElementById('hceStrokeColor');\r\n    return {\r\n        fontSize:    fs ? +fs.value : 120,\r\n        strokeWidth: sw ? +sw.value : 2.5,\r\n        fill:        fc ? fc.value : '#ffffff',\r\n        stroke:      sc ? sc.value : '#000000',\r\n    };\r\n}\r\n\r\nfunction addLetter (char) {\r\n    const s = getTextSettings();\r\n    const t = new fabric.Text(char, {\r\n        fontFamily: '\"Fredoka One\", cursive',\r\n        fontSize: s.fontSize, fill: s.fill,\r\n        stroke: s.stroke, strokeWidth: s.strokeWidth,\r\n        strokeUniform: true,\r\n        left: CW\/2, top: CH\/2,\r\n        originX: 'center', originY: 'center',\r\n    });\r\n    canvas.add(t);\r\n    canvas.setActiveObject(t);\r\n    canvas.renderAll();\r\n}\r\n\r\nfunction addCustomText () {\r\n    const input = document.getElementById('hceCustomText');\r\n    const val = input.value.trim();\r\n    if (!val) return;\r\n    const len = val.length;\r\n    const length_bucket = (len <= 5) ? '1-5' : (len <= 20 ? '6-20' : '21+');\r\n    hceTrack('hce_text_add', { length_bucket });\r\n    addLetter(val);\r\n    input.value = '';\r\n}\r\n\r\nfunction applyTextFormat () {\r\n    const s = getTextSettings();\r\n    const fsVal = document.getElementById('hceFontSizeVal');\r\n    const swVal = document.getElementById('hceStrokeWVal');\r\n    if (fsVal) fsVal.textContent = s.fontSize;\r\n    if (swVal) swVal.textContent = s.strokeWidth;\r\n\r\n    const obj = canvas.getActiveObject();\r\n    if (obj && obj.type === 'text') {\r\n        obj.set({ fontSize: s.fontSize, fill: s.fill, stroke: s.stroke, strokeWidth: s.strokeWidth });\r\n        canvas.renderAll();\r\n    }\r\n}\r\n\r\nfunction syncTextFormatFromSelection () {\r\n    const obj = canvas.getActiveObject();\r\n    if (!obj || obj.type !== 'text') return;\r\n\r\n    const fs = document.getElementById('hceFontSize');\r\n    const fsVal = document.getElementById('hceFontSizeVal');\r\n    const sw = document.getElementById('hceStrokeW');\r\n    const swVal = document.getElementById('hceStrokeWVal');\r\n    const fc = document.getElementById('hceFillColor');\r\n    const sc = document.getElementById('hceStrokeColor');\r\n\r\n    if (fs) fs.value = obj.fontSize || 120;\r\n    if (fsVal) fsVal.textContent = obj.fontSize || 120;\r\n    if (sw) sw.value = obj.strokeWidth || 2.5;\r\n    if (swVal) swVal.textContent = obj.strokeWidth || 2.5;\r\n    if (fc && obj.fill) fc.value = colorToHex(obj.fill);\r\n    if (sc && obj.stroke) sc.value = colorToHex(obj.stroke);\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  EMOJIS\r\n\/\/ ================================================================\r\nconst HCE_EMOJI_RECENT_KEY = 'colomio_emoji_recent_v1';\r\nconst HCE_EMOJI_FONT_STACK = 'Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif';\r\nconst HCE_OUTLINE_BASE = 'https:\/\/media.colomio.com\/emoji-outlines';\r\nlet emojiModeBunt = false;                    \/\/ Default: Outlines (Bunt OFF)\r\n\r\n\/** Emoji \u2192 Dateiname (z.B. \"1F600\") \u2013 identisch zum Generator-Script *\/\r\nfunction emojiToFilename (emoji) {\r\n    return [...emoji]\r\n        .map(ch => ch.codePointAt(0).toString(16).toUpperCase().padStart(4, '0'))\r\n        .filter(cp => cp !== 'FE0F' && cp !== 'FE0E')\r\n        .join('-');\r\n}\r\n\r\n\/** Outline-SVG ins Canvas laden *\/\r\nasync function addOutlineEmoji (emoji) {\r\n    const name = emojiToFilename(emoji);\r\n    const url = HCE_OUTLINE_BASE + '\/' + name + '.svg';\r\n    try {\r\n        const svgData = await fetchSVG(url);\r\n        fabric.loadSVGFromString(svgData, (objs, opts) => {\r\n            const g = fabric.util.groupSVGElements(objs, opts);\r\n            const sz = getEmojiSize();\r\n            const s  = sz \/ Math.max(g.width || 1, g.height || 1);\r\n            g.set({\r\n                left: CW \/ 2, top: CH \/ 2,\r\n                originX: 'center', originY: 'center',\r\n                scaleX: s, scaleY: s,\r\n            });\r\n            canvas.add(g);\r\n            canvas.setActiveObject(g);\r\n            canvas.renderAll();\r\n            hcePushRecentEmoji(emoji);\r\n            hceTrack('hce_emoji_add', { emoji, outline: true });\r\n        });\r\n    } catch (err) {\r\n        console.warn('[HCE] Outline-SVG nicht gefunden:', name, err);\r\n    }\r\n}\r\n\r\n\/\/ SVG-Thumbnails-Cache (damit nicht jedes Mal gefetcht wird)\r\nconst _outlineThumbCache = {};\r\n\r\nconst EMOJI_CATEGORIES = [\r\n    { id: 'recent',   icon: '\ud83d\udd58', labelKey: 'catRecent' },\r\n    { id: 'smileys',  icon: '\ud83d\ude00', labelKey: 'catSmileys' },\r\n    { id: 'people',   icon: '\ud83e\uddd1', labelKey: 'catPeople' },\r\n    { id: 'animals',  icon: '\ud83d\udc36', labelKey: 'catAnimals' },\r\n    { id: 'food',     icon: '\ud83c\udf55', labelKey: 'catFood' },\r\n    { id: 'activity', icon: '\u26bd\ufe0f', labelKey: 'catActivity' },\r\n    { id: 'travel',   icon: '\ud83d\ude97', labelKey: 'catTravel' },\r\n    { id: 'objects',  icon: '\ud83d\udca1', labelKey: 'catObjects' },\r\n    { id: 'symbols',  icon: '\u2764\ufe0f', labelKey: 'catSymbols' },\r\n    { id: 'nature',   icon: '\ud83c\udf3f', labelKey: 'catNature' },\r\n];\r\n\r\n\/\/ Umfangreiche, aber noch handliche Bibliothek (kann jederzeit erweitert werden)\r\nconst EMOJI_LIBRARY = {\r\n    smileys: ['\ud83d\ude00','\ud83d\ude03','\ud83d\ude04','\ud83d\ude01','\ud83d\ude06','\ud83d\ude05','\ud83d\ude02','\ud83e\udd23','\ud83d\ude0a','\ud83d\ude07','\ud83d\ude42','\ud83d\ude43','\ud83d\ude09','\ud83d\ude0c','\ud83d\ude0d','\ud83e\udd70','\ud83d\ude18','\ud83d\ude17','\ud83d\ude19','\ud83d\ude1a','\ud83d\ude0b','\ud83d\ude1b','\ud83d\ude1d','\ud83d\ude1c','\ud83e\udd2a','\ud83e\udd28','\ud83e\uddd0','\ud83e\udd13','\ud83d\ude0e','\ud83e\udd73','\ud83d\ude0f','\ud83d\ude12','\ud83d\ude1e','\ud83d\ude14','\ud83d\ude1f','\ud83d\ude15','\ud83d\ude41','\u2639\ufe0f','\ud83d\ude23','\ud83d\ude16','\ud83d\ude2b','\ud83d\ude29','\ud83e\udd7a','\ud83d\ude22','\ud83d\ude2d','\ud83d\ude24','\ud83d\ude20','\ud83d\ude21','\ud83e\udd2f','\ud83d\ude33','\ud83e\udd75','\ud83e\udd76','\ud83d\ude31','\ud83d\ude28','\ud83d\ude30','\ud83d\ude25','\ud83e\udd17','\ud83e\udd14','\ud83e\udd2d','\ud83e\udee2','\ud83e\udd2b','\ud83e\udd25','\ud83d\ude36','\ud83e\udee0','\ud83d\ude34','\ud83e\udd24','\ud83d\ude2a','\ud83d\ude35','\ud83e\udd10'],\r\n    people:  ['\ud83d\udc4d','\ud83d\udc4e','\ud83d\udc4f','\ud83d\ude4c','\ud83e\udef6','\ud83e\udd1d','\ud83e\udd1f','\u270c\ufe0f','\ud83e\udd1e','\ud83d\udc4c','\ud83d\udd90\ufe0f','\ud83d\udc4b','\ud83e\udd1a','\ud83e\udee1','\ud83d\ude4f','\ud83d\udcaa','\ud83e\udde0','\ud83e\uddd1','\ud83d\udc69','\ud83d\udc68','\ud83d\udc67','\ud83d\udc66','\ud83d\udc76','\ud83d\udc75','\ud83d\udc74','\ud83e\uddd3','\ud83d\udc69\u200d\ud83e\uddb0','\ud83d\udc68\u200d\ud83e\uddb0','\ud83d\udc69\u200d\ud83e\uddb1','\ud83d\udc68\u200d\ud83e\uddb1','\ud83d\udc69\u200d\ud83e\uddb3','\ud83d\udc68\u200d\ud83e\uddb3','\ud83d\udc69\u200d\ud83e\uddb2','\ud83d\udc68\u200d\ud83e\uddb2','\ud83e\uddd1\u200d\ud83c\udf93','\ud83e\uddd1\u200d\ud83c\udf73','\ud83e\uddd1\u200d\ud83d\udd27','\ud83e\uddd1\u200d\ud83c\udfeb','\ud83e\uddd1\u200d\ud83d\udcbb','\ud83e\uddd1\u200d\ud83c\udfa8','\ud83e\uddd1\u200d\ud83d\ude80','\ud83e\uddd1\u200d\u2695\ufe0f','\ud83e\uddd1\u200d\ud83c\udfa4'],\r\n    animals: ['\ud83d\udc36','\ud83d\udc31','\ud83d\udc2d','\ud83d\udc39','\ud83d\udc30','\ud83e\udd8a','\ud83d\udc3b','\ud83d\udc3c','\ud83d\udc28','\ud83d\udc2f','\ud83e\udd81','\ud83d\udc2e','\ud83d\udc37','\ud83d\udc38','\ud83d\udc35','\ud83d\ude48','\ud83d\ude49','\ud83d\ude4a','\ud83d\udc14','\ud83d\udc27','\ud83d\udc26','\ud83d\udc24','\ud83e\udd86','\ud83e\udd85','\ud83e\udd89','\ud83e\udd87','\ud83d\udc3a','\ud83d\udc17','\ud83d\udc34','\ud83e\udd84','\ud83d\udc1d','\ud83e\udeb2','\ud83e\udd8b','\ud83d\udc0c','\ud83d\udc1e','\ud83d\udc22','\ud83d\udc0d','\ud83e\udd8e','\ud83d\udc19','\ud83e\udd91','\ud83e\udd80','\ud83d\udc20','\ud83d\udc1f','\ud83d\udc2c','\ud83e\udd88','\ud83d\udc33','\ud83d\udc0a','\ud83e\udd93','\ud83e\udd92','\ud83d\udc18','\ud83e\udd9b'],\r\n    food:    ['\ud83c\udf4f','\ud83c\udf4e','\ud83c\udf50','\ud83c\udf4a','\ud83c\udf4b','\ud83c\udf4c','\ud83c\udf49','\ud83c\udf47','\ud83c\udf53','\ud83e\uded0','\ud83c\udf52','\ud83c\udf51','\ud83e\udd6d','\ud83c\udf4d','\ud83e\udd65','\ud83e\udd5d','\ud83c\udf45','\ud83e\udd51','\ud83e\udd66','\ud83e\udd55','\ud83c\udf3d','\ud83e\udd54','\ud83c\udf5e','\ud83e\udd50','\ud83e\udd68','\ud83e\uddc0','\ud83c\udf73','\ud83e\udd5e','\ud83e\uddc7','\ud83e\udd53','\ud83c\udf54','\ud83c\udf5f','\ud83c\udf55','\ud83c\udf2d','\ud83e\udd6a','\ud83c\udf2e','\ud83c\udf2f','\ud83c\udf5c','\ud83c\udf63','\ud83c\udf64','\ud83c\udf66','\ud83c\udf69','\ud83c\udf6a','\ud83c\udf70','\ud83e\uddc1','\ud83c\udf6b','\ud83c\udf7f','\ud83e\udd64','\u2615\ufe0f'],\r\n    activity:['\u26bd\ufe0f','\ud83c\udfc0','\ud83c\udfc8','\u26be\ufe0f','\ud83c\udfbe','\ud83c\udfd0','\ud83c\udfc9','\ud83e\udd4f','\ud83c\udfb1','\ud83c\udfd3','\ud83c\udff8','\ud83e\udd4a','\ud83e\udd4b','\u26f3\ufe0f','\ud83c\udff9','\ud83c\udfa3','\ud83e\udd3f','\ud83c\udfca\u200d\u2640\ufe0f','\ud83c\udfca\u200d\u2642\ufe0f','\ud83d\udeb4\u200d\u2640\ufe0f','\ud83d\udeb4\u200d\u2642\ufe0f','\ud83c\udfc3\u200d\u2640\ufe0f','\ud83c\udfc3\u200d\u2642\ufe0f','\ud83e\uddd8\u200d\u2640\ufe0f','\ud83e\uddd8\u200d\u2642\ufe0f','\ud83c\udfae','\ud83c\udfb2','\ud83c\udfaf','\ud83c\udfb8','\ud83c\udfb9','\ud83e\udd41','\ud83c\udfba','\ud83c\udfbb','\ud83c\udfa4','\ud83c\udfa8','\ud83c\udfad','\ud83c\udfac','\ud83c\udfa7','\ud83c\udfc6','\ud83e\udd47','\ud83e\udd48','\ud83e\udd49'],\r\n    travel:  ['\ud83d\ude97','\ud83d\ude95','\ud83d\ude99','\ud83d\ude8c','\ud83d\ude8e','\ud83c\udfce\ufe0f','\ud83d\ude93','\ud83d\ude91','\ud83d\ude92','\ud83d\ude9a','\ud83d\ude9c','\ud83d\udeb2','\ud83d\udef4','\ud83c\udfcd\ufe0f','\u2708\ufe0f','\ud83d\udeeb','\ud83d\udeec','\ud83d\udee9\ufe0f','\ud83d\ude80','\ud83d\udef8','\ud83d\ude81','\ud83d\udea2','\ud83d\udef3\ufe0f','\u26f4\ufe0f','\ud83d\udea4','\u26f5\ufe0f','\ud83d\ude82','\ud83d\ude86','\ud83d\ude87','\ud83d\ude89','\ud83d\ude8a','\ud83d\uddfa\ufe0f','\ud83e\udded','\ud83c\udfd6\ufe0f','\ud83c\udfd4\ufe0f','\ud83d\uddfb','\ud83c\udfd5\ufe0f','\ud83c\udfdf\ufe0f','\ud83c\udff0','\ud83d\uddfc','\ud83d\uddfd'],\r\n    objects: ['\u231a\ufe0f','\ud83d\udcf1','\ud83d\udcbb','\ud83d\udda5\ufe0f','\u2328\ufe0f','\ud83d\uddb1\ufe0f','\ud83d\udca1','\ud83d\udd26','\ud83d\udd6f\ufe0f','\ud83e\uddef','\ud83d\udd27','\ud83e\ude9b','\ud83d\udd28','\ud83e\uddf0','\ud83e\ude9a','\u2699\ufe0f','\ud83d\udd29','\ud83e\uddf2','\ud83d\udd2d','\ud83d\udcf7','\ud83c\udfa5','\ud83d\udcfa','\ud83d\udcfb','\ud83c\udf99\ufe0f','\ud83c\udf9a\ufe0f','\ud83d\udce1','\ud83d\udce6','\ud83d\udccc','\ud83d\udcce','\u2702\ufe0f','\ud83e\uddf7','\ud83e\uddf9','\ud83e\udea3','\ud83e\uddfc','\ud83e\uddfd','\ud83d\udecf\ufe0f','\ud83e\ude91','\ud83d\udeaa','\ud83e\uddf8','\ud83c\udf81'],\r\n    symbols: ['\u2764\ufe0f','\ud83e\udde1','\ud83d\udc9b','\ud83d\udc9a','\ud83d\udc99','\ud83d\udc9c','\ud83d\udda4','\ud83e\udd0d','\ud83e\udd0e','\ud83d\udc94','\ud83d\udc95','\ud83d\udc9e','\ud83d\udc93','\ud83d\udc97','\ud83d\udc96','\ud83d\udc98','\ud83d\udc9d','\ud83d\udc9f','\u2728','\u2b50\ufe0f','\ud83c\udf1f','\ud83d\udcab','\ud83d\udd25','\ud83d\udca5','\u2705','\u2611\ufe0f','\u2714\ufe0f','\u274c','\u2b55\ufe0f','\u26a0\ufe0f','\ud83d\udeab','\ud83c\udf89','\ud83c\udf8a','\ud83d\udcaf','\ud83d\udd14','\ud83c\udfb5','\ud83c\udfb6','\ud83d\udd4a\ufe0f','\u262e\ufe0f','\u267b\ufe0f'],\r\n    nature:  ['\ud83c\udf3f','\ud83c\udf40','\ud83c\udf31','\ud83c\udf32','\ud83c\udf33','\ud83c\udf35','\ud83c\udf34','\ud83e\udeb4','\ud83c\udf38','\ud83c\udf3c','\ud83c\udf3b','\ud83c\udf3a','\ud83c\udf37','\ud83c\udf39','\ud83e\udebb','\ud83c\udf41','\ud83c\udf42','\ud83c\udf44','\ud83c\udf0d','\ud83c\udf0e','\ud83c\udf0f','\ud83c\udf19','\u2600\ufe0f','\ud83c\udf24\ufe0f','\u26c5\ufe0f','\ud83c\udf26\ufe0f','\ud83c\udf27\ufe0f','\u26c8\ufe0f','\ud83c\udf29\ufe0f','\u2744\ufe0f','\u2603\ufe0f','\ud83c\udf08','\u26a1\ufe0f','\ud83d\udca7','\ud83c\udf0a','\ud83c\udfd4\ufe0f','\u26f0\ufe0f','\ud83c\udf0b'],\r\n};\r\n\r\nfunction hceGetRecentEmojis () {\r\n    try {\r\n        const raw = localStorage.getItem(HCE_EMOJI_RECENT_KEY);\r\n        const arr = raw ? JSON.parse(raw) : [];\r\n        return Array.isArray(arr) ? arr.filter(x => typeof x === 'string') : [];\r\n    } catch (_) { return []; }\r\n}\r\nfunction hcePushRecentEmoji (emoji) {\r\n    try {\r\n        const curr = hceGetRecentEmojis().filter(e => e !== emoji);\r\n        curr.unshift(emoji);\r\n        localStorage.setItem(HCE_EMOJI_RECENT_KEY, JSON.stringify(curr.slice(0, 48)));\r\n    } catch (_) {}\r\n}\r\nfunction getEmojiSize () {\r\n    const el = document.getElementById('hceEmojiSize');\r\n    return el ? +el.value : 110;\r\n}\r\nfunction updateEmojiSizeLabel () {\r\n    const v = getEmojiSize();\r\n    const out = document.getElementById('hceEmojiSizeVal');\r\n    if (out) out.textContent = String(v);\r\n}\r\nfunction addEmoji (emoji) {\r\n    const t = new fabric.Text(emoji, {\r\n        fontFamily: HCE_EMOJI_FONT_STACK,\r\n        fontSize: getEmojiSize(),\r\n        left: CW\/2, top: CH\/2,\r\n        originX: 'center', originY: 'center',\r\n        strokeWidth: 0,\r\n        fill: '#000000',\r\n    });\r\n    canvas.add(t);\r\n    canvas.setActiveObject(t);\r\n    canvas.renderAll();\r\n    hcePushRecentEmoji(emoji);\r\n    hceTrack('hce_emoji_add', { emoji });\r\n}\r\n\r\nlet activeEmojiCategory = 'smileys';  \/\/ wird in buildUI() ggf. auf 'recent' gesetzt\r\nfunction setEmojiCategory (catId) {\r\n    activeEmojiCategory = catId;\r\n    document.querySelectorAll('.hce-emoji-tab').forEach(t =>\r\n        t.classList.toggle('hce-tab-active', t.dataset.cat === catId));\r\n    renderEmojiGrid();\r\n}\r\nfunction renderEmojiGrid () {\r\n    const grid = document.getElementById('hceEmojiGrid');\r\n    const meta = document.getElementById('hceEmojiMeta');\r\n    if (!grid) return;\r\n\r\n    let items = [];\r\n    let title = '';\r\n\r\n    if (activeEmojiCategory === 'recent') {\r\n        items = hceGetRecentEmojis();\r\n        title = items.length ? t('recentEmojis') : t('noRecentEmojis');\r\n    } else {\r\n        items = EMOJI_LIBRARY[activeEmojiCategory] || [];\r\n        const c = EMOJI_CATEGORIES.find(x => x.id === activeEmojiCategory);\r\n        title = c ? t(c.labelKey) : '';\r\n    }\r\n\r\n    const modeLabel = emojiModeBunt ? t('modeColorful') : t('modeOutline');\r\n    if (meta) meta.textContent = title + (items.length ? ` \u00b7 ${items.length}` : '') + ' \u00b7 ' + modeLabel;\r\n    grid.innerHTML = '';\r\n\r\n    if (emojiModeBunt) {\r\n        \/\/ \u2500\u2500 Bunt-Modus: farbige Emojis als Text-Buttons \u2500\u2500\r\n        items.forEach(e => {\r\n            const b = document.createElement('button');\r\n            b.className = 'hce-symbol-btn hce-emoji-btn';\r\n            b.type = 'button';\r\n            b.textContent = e;\r\n            b.onclick = () => addEmoji(e);\r\n            grid.appendChild(b);\r\n        });\r\n    } else {\r\n        \/\/ \u2500\u2500 Outline-Modus: SVG-Thumbnails \u2500\u2500\r\n        items.forEach(e => {\r\n            const b = document.createElement('button');\r\n            b.className = 'hce-emoji-btn-outline';\r\n            b.type = 'button';\r\n            b.title = e;\r\n            b.onclick = () => addOutlineEmoji(e);\r\n            grid.appendChild(b);\r\n\r\n            \/\/ SVG-Thumbnail laden (gecacht)\r\n            const fname = emojiToFilename(e);\r\n            if (_outlineThumbCache[fname]) {\r\n                b.innerHTML = _outlineThumbCache[fname];\r\n            } else {\r\n                const url = HCE_OUTLINE_BASE + '\/' + fname + '.svg';\r\n                fetchSVG(url).then(svg => {\r\n                    _outlineThumbCache[fname] = svg;\r\n                    b.innerHTML = svg;\r\n                }).catch(() => {\r\n                    \/\/ Kein Outline verf\u00fcgbar \u2192 Button ausblenden\r\n                    b.style.display = 'none';\r\n                });\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nfunction colorToHex (color) {\r\n    if (!color) return '#000000';\r\n    if (color.startsWith('#') && (color.length === 7 || color.length === 4)) return color;\r\n    const ctx = document.createElement('canvas').getContext('2d');\r\n    ctx.fillStyle = color;\r\n    return ctx.fillStyle;\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  BILD HOCHLADEN\r\n\/\/ ================================================================\r\nfunction uploadImage () {\r\n    const input = document.createElement('input');\r\n    input.type = 'file';\r\n    input.accept = 'image\/*';\r\n    input.onchange = e => {\r\n        const file = e.target.files[0];\r\n        if (!file) return;\r\n        hceTrack('hce_image_upload', {});\r\n        const reader = new FileReader();\r\n        reader.onload = evt => {\r\n            fabric.Image.fromURL(evt.target.result, img => {\r\n                const maxS = Math.min(CW * 0.5 \/ img.width, CH * 0.5 \/ img.height, 1);\r\n                img.set({\r\n                    left: CW \/ 2, top: CH \/ 2,\r\n                    originX: 'center', originY: 'center',\r\n                    scaleX: maxS, scaleY: maxS,\r\n                });\r\n                canvas.add(img);\r\n                canvas.setActiveObject(img);\r\n                canvas.renderAll();\r\n            });\r\n        };\r\n        reader.readAsDataURL(file);\r\n    };\r\n    input.click();\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  SYMBOLE\r\n\/\/ ================================================================\r\nasync function addSymbol (catId, num) {\r\n    var url = SYMBOLS_BASE + '\/' + catId + '\/' + String(num).padStart(2,'0') + '.svg';\r\n    try {\r\n        const svgData = await fetchSVG(url);\r\n        fabric.loadSVGFromString(svgData, (objs, opts) => {\r\n            const g = fabric.util.groupSVGElements(objs, opts);\r\n            g.set({ left: CW\/2, top: CH\/2, originX:'center', originY:'center', scaleX: 5, scaleY: 5 });\r\n            canvas.add(g);\r\n            canvas.setActiveObject(g);\r\n            canvas.renderAll();\r\n            hceTrack('hce_symbol_add', { category: catId, num });\r\n        });\r\n    } catch (err) {\r\n        console.error('[HCE] Symbol-Fehler:', err);\r\n        hceTrack('hce_error', { type: 'symbol_fetch', msg: hceTruncMsg(err && err.message ? err.message : err) });\r\n    }\r\n}\r\n\r\nfunction switchCategory (catId) {\r\n    activeCategory = catId;\r\n    document.querySelectorAll('.hce-sym-tab').forEach(t =>\r\n        t.classList.toggle('hce-tab-active', t.dataset.cat === catId));\r\n\r\n    const grid = document.getElementById('hceSymbolGrid');\r\n    grid.innerHTML = '';\r\n    const cat = SYMBOL_CATEGORIES.find(c => c.id === catId);\r\n    if (!cat) return;\r\n\r\n    for (let i = 1; i <= cat.count; i++) {\r\n        const num = i;\r\n        var url = SYMBOLS_BASE + '\/' + catId + '\/' + String(i).padStart(2,'0') + '.svg';\r\n        const b = document.createElement('button');\r\n        b.className = 'hce-symbol-btn';\r\n        b.onclick = () => addSymbol(catId, num);\r\n        grid.appendChild(b);\r\n        fetchSVG(url).then(svg => {\r\n            b.innerHTML = svg.replace(\/fill=\"white\"\/g, 'fill=\"none\"').replace(\/stroke=\"black\"\/g, 'stroke=\"#333\"');\r\n        }).catch(() => { b.textContent = '?'; });\r\n    }\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  OBJEKT-AKTIONEN\r\n\/\/ ================================================================\r\nfunction deleteObject () {\r\n    const o = canvas.getActiveObject(); if (!o) return;\r\n    if (o.type === 'activeSelection') { o.forEachObject(x => canvas.remove(x)); canvas.discardActiveObject(); }\r\n    else canvas.remove(o);\r\n    canvas.renderAll();\r\n    hceTrack('hce_object_action', { action: 'delete' });\r\n}\r\nfunction duplicateObject () {\r\n    const o = canvas.getActiveObject(); if (!o) return;\r\n    o.clone(c => {\r\n        c.set({ left: c.left+25, top: c.top+25 });\r\n        canvas.add(c);\r\n        canvas.setActiveObject(c);\r\n        canvas.renderAll();\r\n        hceTrack('hce_object_action', { action: 'duplicate' });\r\n    });\r\n}\r\nfunction mirrorObjectH () { const o = canvas.getActiveObject(); if(o){ o.set('flipX',!o.flipX); canvas.renderAll(); hceTrack('hce_object_action', { action: 'mirror_h' }); } }\r\nfunction mirrorObjectV () { const o = canvas.getActiveObject(); if(o){ o.set('flipY',!o.flipY); canvas.renderAll(); hceTrack('hce_object_action', { action: 'mirror_v' }); } }\r\nfunction bringForward () { const o = canvas.getActiveObject(); if(o){ canvas.bringForward(o); canvas.renderAll(); hceTrack('hce_object_action', { action: 'bring_forward' }); } }\r\nfunction sendBackward () { const o = canvas.getActiveObject(); if(o){ canvas.sendBackwards(o); canvas.renderAll(); hceTrack('hce_object_action', { action: 'send_backward' }); } }\r\nfunction bringToFront () { const o = canvas.getActiveObject(); if(o){ canvas.bringToFront(o); canvas.renderAll(); hceTrack('hce_object_action', { action: 'bring_front' }); } }\r\nfunction sendToBack ()   { const o = canvas.getActiveObject(); if(o){ canvas.sendToBack(o); canvas.renderAll(); hceTrack('hce_object_action', { action: 'send_back' }); } }\r\n\r\n\/\/ ================================================================\r\n\/\/  PDF EXPORT\r\n\/\/ ================================================================\r\nfunction exportPDF () {\r\n    const t0 = (typeof performance !== 'undefined' && performance.now) ? performance.now() : Date.now();\r\n    \/\/ Popup so fr\u00fch wie m\u00f6glich \u00f6ffnen (synchron zum User-Klick), damit es nicht blockiert wird.\r\n    \/\/ Kein 'noopener' \u2013 sonst gibt der Browser kein steuerbares Handle zur\u00fcck.\r\n    const popup = window.open('', '_blank');\r\n    try {\r\n        \/\/ Zeichenwerkzeug beenden falls aktiv\r\n        if (activeTool !== 'select') setTool('select');\r\n        canvas.discardActiveObject(); canvas.renderAll();\r\n        const EXPORT_MULT = 2;\r\n        canvas.setZoom(EXPORT_MULT);\r\n        canvas.setWidth(CW * EXPORT_MULT);\r\n        canvas.setHeight(CH * EXPORT_MULT);\r\n        const dataUrl = canvas.toDataURL({ format:'jpeg', quality:0.85, multiplier:1 });\r\n        fitStage();\r\n        const { jsPDF } = window.jspdf;\r\n        const pdf = new jsPDF({ orientation:'portrait', unit:'mm', format:'a4' });\r\n        pdf.addImage(dataUrl, 'JPEG', 0, 0, A4_W, A4_H);\r\n        \/\/ Domain-Footer (unten rechts, grau, klickbar)\r\n        const domainText = (window.location.hostname || 'colomio.com').replace(\/^www\\.\/, '');\r\n        const url = domainText.endsWith('colomio.com')\r\n            ? 'https:\/\/www.colomio.com'\r\n            : (domainText.endsWith('happycolorz.de') ? 'https:\/\/www.happycolorz.de' : ('https:\/\/' + domainText));\r\n        const margin = 6; \/\/ mm\r\n        pdf.setFont('helvetica', 'normal');\r\n        pdf.setFontSize(10);\r\n        pdf.setTextColor(140);\r\n        const textW = pdf.getTextWidth(domainText);\r\n        const x = A4_W - margin - textW;\r\n        const y = A4_H - margin;\r\n        if (typeof pdf.textWithLink === 'function') {\r\n            pdf.textWithLink(domainText, x, y, { url });\r\n        } else {\r\n            pdf.text(domainText, x, y);\r\n            \/\/ Link-Area (Fallback)\r\n            pdf.link(x, y - 4, textW, 6, { url });\r\n        }\r\n        \/\/ PDF im Browser \u00f6ffnen (statt Download via pdf.save)\r\n        \/\/ Hinweis: Kein Download-Fallback gew\u00fcnscht. Wenn Popups blockiert sind, passiert nichts.\r\n        const blobUrl = pdf.output('bloburl');\r\n        if (popup) {\r\n            popup.location.href = blobUrl;\r\n        }\r\n        const t1 = (typeof performance !== 'undefined' && performance.now) ? performance.now() : Date.now();\r\n        hceTrack('hce_pdf_export', { ms: Math.round(t1 - t0) });\r\n    } catch (err) {\r\n        \/\/ Falls wir einen leeren Tab ge\u00f6ffnet haben, bei Fehler wieder schlie\u00dfen\r\n        try { if (popup && !popup.closed) popup.close(); } catch (_) {}\r\n        hceTrack('hce_error', { type: 'pdf', msg: hceTruncMsg(err && err.message ? err.message : err) });\r\n        console.error('[HCE] PDF-Fehler:', err);\r\n    }\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/ ================================================================\r\nfunction buildUI () {\r\n    \/\/ Enter-Taste f\u00fcr Text\r\n    document.getElementById('hceCustomText').addEventListener('keydown', e => {\r\n        if (e.key === 'Enter') addCustomText();\r\n    });\r\n\r\n    \/\/ Text-Format-Slider \u2192 live\r\n    ['hceFontSize', 'hceStrokeW', 'hceFillColor', 'hceStrokeColor'].forEach(id => {\r\n        const el = document.getElementById(id);\r\n        if (el) el.addEventListener('input', applyTextFormat);\r\n    });\r\n\r\n    \/\/ Draw-Settings \u2192 live\r\n    ['hceDrawStrokeW', 'hceDrawColor'].forEach(id => {\r\n        document.getElementById(id).addEventListener('input', updateDrawSettings);\r\n    });\r\n\r\n    \/\/ Kategorie-Tabs\r\n    const tabsEl = document.getElementById('hceSymTabs');\r\n    SYMBOL_CATEGORIES.forEach(cat => {\r\n        const tab = document.createElement('button');\r\n        tab.className = 'hce-sym-tab';\r\n        tab.dataset.cat = cat.id;\r\n        tab.textContent = cat.icon;\r\n        tab.onclick = () => switchCategory(cat.id);\r\n        tabsEl.appendChild(tab);\r\n    });\r\n    switchCategory(SYMBOL_CATEGORIES[0].id);\r\n\r\n    \/\/ Emojis: Tabs + Suche + Gr\u00f6\u00dfe + initiales Rendern\r\n    const eTabs = document.getElementById('hceEmojiTabs');\r\n    if (eTabs) {\r\n        EMOJI_CATEGORIES.forEach(cat => {\r\n            const tab = document.createElement('button');\r\n            tab.className = 'hce-sym-tab hce-emoji-tab';\r\n            tab.dataset.cat = cat.id;\r\n            tab.textContent = cat.icon;\r\n            tab.title = t(cat.labelKey);\r\n            tab.onclick = () => setEmojiCategory(cat.id);\r\n            eTabs.appendChild(tab);\r\n        });\r\n        \/\/ Wenn \"Zuletzt\" leer \u2192 direkt Smileys anzeigen\r\n        const hasRecent = hceGetRecentEmojis().length > 0;\r\n        setEmojiCategory(hasRecent ? 'recent' : 'smileys');\r\n    }\r\n    \/\/ Bunt-Toggle verdrahten (Default: OFF \u2192 Outlines)\r\n    const buntToggle = document.getElementById('hceEmojiBunt');\r\n    if (buntToggle) {\r\n        buntToggle.checked = emojiModeBunt;\r\n        buntToggle.addEventListener('change', () => {\r\n            emojiModeBunt = buntToggle.checked;\r\n            renderEmojiGrid();\r\n            hceTrack('hce_emoji_mode', { bunt: emojiModeBunt });\r\n        });\r\n    }\r\n\r\n    const eSize = document.getElementById('hceEmojiSize');\r\n    if (eSize) {\r\n        eSize.addEventListener('input', () => { updateEmojiSizeLabel(); });\r\n        updateEmojiSizeLabel();\r\n    }\r\n    renderEmojiGrid();\r\n}\r\n\r\n\/\/ ================================================================\r\n\/\/  START\r\n\/\/ ================================================================\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    applyTranslations();\r\n    document.fonts.load('120px \"Fredoka One\"')\r\n        .finally(() => { initCanvas(); buildUI(); loadSVG(); });\r\n});\r\n<\/script>\r\n<style>\r\n.entry-header\t{display:none !important;}\r\n#text {color: #000 !important;}\r\n.top-bar {display:none !important;}\r\n.dat2 {display:none !important;}\r\n .grid-container { max-width: inherit;}\r\n  .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {\r\n      margin-top: 0em !important; \r\n  }\r\n.ShariffSC.sh-share {display:none !important;}\r\nbutton.native-share-btn {display:none !important;}\r\n\t.page-author  {display: none !important;}\r\n  .gp-header-search {display:none !important}\r\n  #breadcrumbs {display: none;}\r\n<\/style>\r\n\r\n\n<h2>Le categorie pi\u00f9 popolari<\/h2>\r\n<section class=\"print-grid-container\">\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.webp 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.webp 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.png 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.png 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/animals-it.png\"\r\n             alt=\"Illustrazioni di leoni, elefanti e animali selvatici da colorare\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare animali \u2013 Illustrazioni della natura\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\">Tutti gli animali<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/cavallo\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/horse\/foal-galloping.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/horse\/foal-galloping.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/horse\/foal-galloping.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/horse\/foal-galloping.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/horse\/foal-galloping.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/horse\/foal-galloping.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/horse\/foal-galloping.png\"\r\n             alt=\"Cavalli realistici e cartoni animati nei prati\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare cavalli \u2013 Avventure al galoppo\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/cavallo\">Cavallo<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/dinosauro\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/dinosaur\/sweet-dino-with-flower.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/dinosaur\/sweet-dino-with-flower.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/dinosaur\/sweet-dino-with-flower.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/dinosaur\/sweet-dino-with-flower.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/dinosaur\/sweet-dino-with-flower.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/dinosaur\/sweet-dino-with-flower.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/dinosaur\/sweet-dino-with-flower.png\"\r\n             alt=\"T-Rex, Triceratopi e scene giurassiche\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare dinosauri \u2013 Avventure preistoriche\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/dinosauro\">Dinosauro<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/cani\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/dogs\/golden-retriever.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/dogs\/golden-retriever.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/dogs\/golden-retriever.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/dogs\/golden-retriever.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/dogs\/golden-retriever.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/dogs\/golden-retriever.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/dogs\/golden-retriever.png\"\r\n             alt=\"Razze come Labrador e Bulldog da colorare\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare cani \u2013 Cuccioli giocherelloni\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/cani\">Cane<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/gatti\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/cats\/cute-kitten.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/cats\/cute-kitten.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/cats\/cute-kitten.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/cats\/cute-kitten.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/cats\/cute-kitten.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/cats\/cute-kitten.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/cats\/cute-kitten.png\"\r\n             alt=\"Gatti morbidosi e felini in pose dinamiche\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare gatti \u2013 Dai gattini alle tigri\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/gatti\">Gatto<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/farfalla\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/butterfly\/smiling-butterfly.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/butterfly\/smiling-butterfly.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/butterfly\/smiling-butterfly.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/butterfly\/smiling-butterfly.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/butterfly\/smiling-butterfly.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/butterfly\/smiling-butterfly.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/butterfly\/smiling-butterfly.png\"\r\n             alt=\"Ali dettagliate con motivi floreali\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare farfalle \u2013 Bellezza alata\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/farfalla\">Farfalla<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/coniglio\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/rabbit\/funny-bunny.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/rabbit\/funny-bunny.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/rabbit\/funny-bunny.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/rabbit\/funny-bunny.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/rabbit\/funny-bunny.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/rabbit\/funny-bunny.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/rabbit\/funny-bunny.png\"\r\n             alt=\"Coniglietti con carote in giardini primaverili\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare coniglietti \u2013 Saltelli di gioia\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/coniglio\">Coniglio<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/delfino\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/dolphin\/easy-dolphin-jumping.png\"\r\n             alt=\"Delfini che saltano tra le onde\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare delfini \u2013 Amici dell\u2019oceano\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/delfino\">Delfino<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/gufo\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/owl\/owl.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/owl\/owl.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/owl\/owl.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/owl\/owl.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/owl\/owl.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/owl\/owl.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/owl\/owl.png\"\r\n             alt=\"Gufi su rami illuminati dalla luna\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare gufi \u2013 Saggezza notturna\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/gufo\">Gufo<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/volpe\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/fox\/smiling-fox.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/fox\/smiling-fox.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/fox\/smiling-fox.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/fox\/smiling-fox.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/fox\/smiling-fox.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/fox\/smiling-fox.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/fox\/smiling-fox.png\"\r\n             alt=\"Volpi in scenari autunnali\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare volpi \u2013 Avventure nel bosco\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/volpe\">Volpe<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/leone\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/zoo-animals\/lion\/cute-lion.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/zoo-animals\/lion\/cute-lion.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/zoo-animals\/lion\/cute-lion.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/zoo-animals\/lion\/cute-lion.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/lion\/cute-lion.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/zoo-animals\/lion\/cute-lion.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/lion\/cute-lion.png\"\r\n             alt=\"Branchi di leoni e cuccioli nella savana\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare leoni \u2013 Re della savana\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/leone\">Leone<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/riccio\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/hedgehog\/smiling-hedgehog.png\"\r\n             alt=\"Riccio carino con foglie autunnali\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare riccio \u2013 Tenerezza spinosa\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/riccio\">Riccio<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/tigre\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/zoo-animals\/tiger\/cute-tiger.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/zoo-animals\/tiger\/cute-tiger.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/zoo-animals\/tiger\/cute-tiger.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/zoo-animals\/tiger\/cute-tiger.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/tiger\/cute-tiger.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/zoo-animals\/tiger\/cute-tiger.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/tiger\/cute-tiger.png\"\r\n             alt=\"Tigri striate in foreste lussureggianti\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare tigri \u2013 Maest\u00e0 della giungla\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/tigre\">Tigre<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/lupo\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/wolf\/realistic-wolf.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/wolf\/realistic-wolf.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/wolf\/realistic-wolf.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/wolf\/realistic-wolf.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/wolf\/realistic-wolf.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/wolf\/realistic-wolf.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/wolf\/realistic-wolf.png\"\r\n             alt=\"Lupi sotto la luna piena\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare lupi \u2013 Ululati nella natura\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/lupo\">Lupi<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/scoiattolo\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/squirrel\/realitic-squirrel.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/squirrel\/realitic-squirrel.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/squirrel\/realitic-squirrel.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/squirrel\/realitic-squirrel.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/squirrel\/realitic-squirrel.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/squirrel\/realitic-squirrel.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/squirrel\/realitic-squirrel.png\"\r\n             alt=\"Scoiattolo che scala un albero\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare scoiattolo \u2013 Giochi con le noci\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/scoiattolo\">Scoiattoli<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/elefante\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/zoo-animals\/elephant\/cute-little-elephant.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/zoo-animals\/elephant\/cute-little-elephant.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/zoo-animals\/elephant\/cute-little-elephant.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/zoo-animals\/elephant\/cute-little-elephant.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/elephant\/cute-little-elephant.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/zoo-animals\/elephant\/cute-little-elephant.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/zoo-animals\/elephant\/cute-little-elephant.png\"\r\n             alt=\"Elefanti al tramonto nel safari\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare elefanti \u2013 Giganti gentili\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/zoo\/elefante\">Elefanti<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/uccello\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/bird\/cute-sparrow.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/bird\/cute-sparrow.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/bird\/cute-sparrow.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/bird\/cute-sparrow.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/bird\/cute-sparrow.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/bird\/cute-sparrow.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/bird\/cute-sparrow.png\"\r\n             alt=\"Pappagalli, aquile e uccelli canori in volo\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare uccelli \u2013 Amici piumati\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/uccello\">Uccelli<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/topo\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/animals\/forest-animals\/mouse\/waving-mouse.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/animals\/forest-animals\/mouse\/waving-mouse.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/animals\/forest-animals\/mouse\/waving-mouse.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/animals\/forest-animals\/mouse\/waving-mouse.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/mouse\/waving-mouse.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/animals\/forest-animals\/mouse\/waving-mouse.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/animals\/forest-animals\/mouse\/waving-mouse.png\"\r\n             alt=\"Topolino con formaggio in una tana\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare topolino \u2013 Piccoli esploratori\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/animali\/animali-del-bosco\/topo\">Topo<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.webp 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.webp 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.png 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.png 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/fairy-it.png\"\r\n             alt=\"Natsu, Lucy e simboli della gilda\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare Fairy Tail \u2013 Magia anime\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\">Fiabe<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/unicorno\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/unicorn\/cute-unicorn.png\"\r\n             alt=\"Unicorni con arcobaleni e stelle\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare unicorni \u2013 Splendore magico\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/unicorno\">Unicorno<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/principessa\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/princess\/smiling-princess.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/princess\/smiling-princess.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/princess\/smiling-princess.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/princess\/smiling-princess.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/princess\/smiling-princess.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/princess\/smiling-princess.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/princess\/smiling-princess.png\"\r\n             alt=\"Corone, abiti e castelli\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare principesse \u2013 Eleganza reale\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/principessa\">Principessa<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/sirena\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/mermaid\/little-mermaid.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/mermaid\/little-mermaid.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/mermaid\/little-mermaid.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/mermaid\/little-mermaid.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/mermaid\/little-mermaid.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/mermaid\/little-mermaid.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/mermaid\/little-mermaid.png\"\r\n             alt=\"Sirene con conchiglie e barriere coralline\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare sirene \u2013 Fantasia sottomarina\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/sirena\">Sirene<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/drago\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/dragon\/dragon-with-fire-and-bows.png\"\r\n             alt=\"Draghi che volano sopra le montagne\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare draghi \u2013 Fuoco e magia\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/drago\">Drago<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/fata\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/fairy\/fairy-with-magic-wand-and-beautiful-dress.png\"\r\n             alt=\"Fate con ali luminose e fiori\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare fate \u2013 Foreste incantate\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/fata\">Fata<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/rapunzel\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/rapunzel\/rapunzel-in-the-tower.png\"\r\n             alt=\"La lunga treccia di Raperonzolo e lanterne\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare Raperonzolo \u2013 Avventure nella torre\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/rapunzel\">Raperonzolo<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/cavaliere\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/knight\/knight.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/knight\/knight.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/knight\/knight.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/knight\/knight.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/knight\/knight.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/knight\/knight.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/knight\/knight.png\"\r\n             alt=\"Cavalieri a cavallo con spade\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare cavalieri \u2013 Eroi medievali\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/cavaliere\">Cavalieri<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/strega\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/witch\/witch-on-a-broom.png\"\r\n             alt=\"Streghe con calderoni e gatti neri\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare streghe \u2013 Incantesimi\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/strega\">Strega<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/mago\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/wizard\/cute-wizard-with-magic-wand.png\"\r\n             alt=\"Maghi che lanciano incantesimi\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare maghi \u2013 Mistero e bacchette\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/mago\">Mago<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/elfi\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/fairy-tailes-and-fables\/elves\/cute-elf-with-gift.png\"\r\n             alt=\"Elfi che creano giocattoli in laboratori\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare elfi \u2013 Mondi fatati\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/fiabe-e-favole\/elfi\">Elfi<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/pagine-da-colorare-mostri\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/funny-monster-coloring-page.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/funny-monster-coloring-page.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/funny-monster-coloring-page.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/funny-monster-coloring-page.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/funny-monster-coloring-page.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/funny-monster-coloring-page.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/funny-monster-coloring-page.png\"\r\n             alt=\"Mostri buffi con occhi sporgenti\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare mostri \u2013 Spaventi divertenti\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/pagine-da-colorare-mostri\">Mostri<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.webp 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.webp 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.png 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.png 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/festivals-it.png\"\r\n             alt=\"Decorazioni festive e tradizioni\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare feste \u2013 Celebrazioni\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\"><\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natale\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/christmas\/pinetree\/snow-globe-with-fir-trees-and-reindeer.png\"\r\n             alt=\"Babbo Natale, renne e alberi decorati\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare Natale \u2013 Gioia delle feste\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natale\">Natale<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natale\/san-nicola\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/christmas\/st-nicholas\/st-nicholas-with-crosier.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/christmas\/st-nicholas\/st-nicholas-with-crosier.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/christmas\/st-nicholas\/st-nicholas-with-crosier.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/christmas\/st-nicholas\/st-nicholas-with-crosier.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/christmas\/st-nicholas\/st-nicholas-with-crosier.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/christmas\/st-nicholas\/st-nicholas-with-crosier.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/christmas\/st-nicholas\/st-nicholas-with-crosier.png\"\r\n             alt=\"San Nicola con un sacco di regali\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare San Nicola \u2013 Generosit\u00e0\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natale\/san-nicola\">San Nicola<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natale\/babbo-natale\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/christmas\/santa-claus\/smiling-santa-claus-head.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/christmas\/santa-claus\/smiling-santa-claus-head.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/christmas\/santa-claus\/smiling-santa-claus-head.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/christmas\/santa-claus\/smiling-santa-claus-head.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/christmas\/santa-claus\/smiling-santa-claus-head.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/christmas\/santa-claus\/smiling-santa-claus-head.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/christmas\/santa-claus\/smiling-santa-claus-head.png\"\r\n             alt=\"Babbo Natale che saluta dalla slitta\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare Babbo Natale \u2013 Divertimento natalizio\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natale\/babbo-natale\">Babbo Natale<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/pasqua\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/easter\/easter-bunny-with-easter-egg.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/easter\/easter-bunny-with-easter-egg.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/easter\/easter-bunny-with-easter-egg.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/easter\/easter-bunny-with-easter-egg.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/easter\/easter-bunny-with-easter-egg.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/easter\/easter-bunny-with-easter-egg.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/easter\/easter-bunny-with-easter-egg.png\"\r\n             alt=\"Uova di Pasqua e coniglietti saltellanti\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare Pasqua \u2013 Gioia primaverile\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/pasqua\">Pasqua<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/pasqua\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/easter\/easter-eggs-with-chicks-and-easter-bunny.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/easter\/easter-eggs-with-chicks-and-easter-bunny.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/easter\/easter-eggs-with-chicks-and-easter-bunny.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/easter\/easter-eggs-with-chicks-and-easter-bunny.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/easter\/easter-eggs-with-chicks-and-easter-bunny.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/easter\/easter-eggs-with-chicks-and-easter-bunny.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/easter\/easter-eggs-with-chicks-and-easter-bunny.png\"\r\n             alt=\"Uova con zigzag e pois\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare uova di Pasqua \u2013 Motivi creativi\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/pasqua\">Uova di Pasqua<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natura\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.webp 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.webp 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.png 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.png 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/nature-it.png\"\r\n             alt=\"Foreste, montagne e fiumi\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare natura \u2013 Meraviglie all\u2019aperto\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natura\">Natura<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natura\/fiore\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/nature\/flower\/rose\/rose-with-stem.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/nature\/flower\/rose\/rose-with-stem.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/nature\/flower\/rose\/rose-with-stem.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/nature\/flower\/rose\/rose-with-stem.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/nature\/flower\/rose\/rose-with-stem.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/nature\/flower\/rose\/rose-with-stem.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/nature\/flower\/rose\/rose-with-stem.png\"\r\n             alt=\"Rose, girasoli e tulipani\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare fiori \u2013 Bellezza botanica\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natura\/fiore\">Fiore<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natura\/arcobaleno\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/nature\/rainbow\/rainbow.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/nature\/rainbow\/rainbow.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/nature\/rainbow\/rainbow.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/nature\/rainbow\/rainbow.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/nature\/rainbow\/rainbow.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/nature\/rainbow\/rainbow.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/nature\/rainbow\/rainbow.png\"\r\n             alt=\"Arcobaleno vivace sopra le nuvole\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare arcobaleno \u2013 Magia del cielo\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natura\/arcobaleno\">Arcobaleno<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natura\/frutta-e-verdura\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/nature\/fruits-and-vegetables\/apple\/apple-with-stem-and-leaf.png\"\r\n             alt=\"Pizza, frutta e cupcake\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare cibo \u2013 Delizie gustose\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natura\/frutta-e-verdura\">Cibo<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natura\/stella\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/nature\/star\/star-with-frame.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/nature\/star\/star-with-frame.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/nature\/star\/star-with-frame.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/nature\/star\/star-with-frame.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/nature\/star\/star-with-frame.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/nature\/star\/star-with-frame.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/nature\/star\/star-with-frame.png\"\r\n             alt=\"Stelle scintillanti e costellazioni\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare stelle \u2013 Brillio cosmico\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natura\/stella\">Stelle<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/natura\/sole\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/nature\/sun\/smiling-sun.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/nature\/sun\/smiling-sun.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/nature\/sun\/smiling-sun.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/nature\/sun\/smiling-sun.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/nature\/sun\/smiling-sun.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/nature\/sun\/smiling-sun.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/nature\/sun\/smiling-sun.png\"\r\n             alt=\"Sole felice con raggi luminosi\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare sole \u2013 Sorriso raggiante\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/natura\/sole\">Sole<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.webp 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.webp 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.png 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.png 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/vehiclues-it.png\"\r\n             alt=\"Auto, aerei e camion in azione\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare veicoli \u2013 Ruote e ali\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\">Tutti i veicoli<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/auto\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/car\/sport-utility-vehicle-suv.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/car\/sport-utility-vehicle-suv.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/car\/sport-utility-vehicle-suv.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/car\/sport-utility-vehicle-suv.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/car\/sport-utility-vehicle-suv.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/car\/sport-utility-vehicle-suv.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/car\/sport-utility-vehicle-suv.png\"\r\n             alt=\"Auto sportive e classiche\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare automobili \u2013 Velocit\u00e0 e stile\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/auto\">Auto<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/trattore\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/tractor\/heavy-tractor.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/tractor\/heavy-tractor.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/tractor\/heavy-tractor.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/tractor\/heavy-tractor.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/tractor\/heavy-tractor.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/tractor\/heavy-tractor.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/tractor\/heavy-tractor.png\"\r\n             alt=\"Trattori che arano i campi\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare trattori \u2013 Divertimento in fattoria\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/trattore\">Trattore<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/autopompa\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/fire-truck\/fire-truck-with-aerial-ladder.png\"\r\n             alt=\"Camion rosso con scale e tubi\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegno da colorare camion dei pompieri \u2013 Pronto al salvataggio\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/autopompa\">Camion dei pompieri<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/polizia\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/police\/coupe-police-car.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/police\/coupe-police-car.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/police\/coupe-police-car.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/police\/coupe-police-car.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/police\/coupe-police-car.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/police\/coupe-police-car.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/police\/coupe-police-car.png\"\r\n             alt=\"Auto della polizia con sirene lampeggianti\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare auto della polizia \u2013 Lotta al crimine\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/polizia\">Auto della polizia<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/escavatore\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/excavator\/big-loader.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/excavator\/big-loader.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/excavator\/big-loader.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/excavator\/big-loader.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/excavator\/big-loader.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/excavator\/big-loader.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/excavator\/big-loader.png\"\r\n             alt=\"Escavatori che spostano terra\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare escavatori \u2013 Scava a fondo\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/escavatore\">Escavatore<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/aereo\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/airplane\/simple-airliner.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/airplane\/simple-airliner.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/airplane\/simple-airliner.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/airplane\/simple-airliner.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/airplane\/simple-airliner.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/airplane\/simple-airliner.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/airplane\/simple-airliner.png\"\r\n             alt=\"Aerei a reazione ed elicotteri in volo\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare aerei \u2013 Vola in alto\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/aereo\">Aerei<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/moto\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/motorcycle\/motorbike.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/motorcycle\/motorbike.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/motorcycle\/motorbike.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/motorcycle\/motorbike.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/motorcycle\/motorbike.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/motorcycle\/motorbike.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/motorcycle\/motorbike.png\"\r\n             alt=\"Moto stile Harley sulle autostrade\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare moto \u2013 Avventura su strada\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/moto\">Motociclette<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/veicoli\/treno\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/vehicles\/train\/simple-steam-engine-train-with-cars.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/vehicles\/train\/simple-steam-engine-train-with-cars.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/vehicles\/train\/simple-steam-engine-train-with-cars.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/vehicles\/train\/simple-steam-engine-train-with-cars.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/vehicles\/train\/simple-steam-engine-train-with-cars.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/vehicles\/train\/simple-steam-engine-train-with-cars.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/vehicles\/train\/simple-steam-engine-train-with-cars.png\"\r\n             alt=\"Locomotive e paesaggi ferroviari\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare treni \u2013 Fascino vintage\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/veicoli\/treno\">Treni<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/mandala\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.webp 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.webp 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.png 300w300,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.png 500w500,\r\n                        https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/mix\/teaser-categories\/it\/mandala-it.png\"\r\n             alt=\"Mandala geometrici per la meditazione\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare mandala \u2013 Motivi rilassanti\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/mandala\">Mandala<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/mandala\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/mandala\/mandala-flower.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/mandala\/mandala-flower.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/mandala\/mandala-flower.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/mandala\/mandala-flower.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/mandala\/mandala-flower.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/mandala\/mandala-flower.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/mandala\/mandala-flower.png\"\r\n             alt=\"Mandala a forma di loto e sole\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Disegni da colorare mandala \u2013 Arte intricata\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/mandala\">Mandala<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n  <figure class=\"print-figure\">\r\n    <a href=\"\/it\/disegni-da-colorare\/mandala\/mandala-animali\">\r\n      <picture>\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/webp\/300x300\/mandala\/mandala-animals\/elephant-mandala.webp 300w300,\r\n                        https:\/\/media.colomio.com\/t\/webp\/500x500\/mandala\/mandala-animals\/elephant-mandala.webp 500w500,\r\n                        https:\/\/media.colomio.com\/t\/webp\/800x800\/mandala\/mandala-animals\/elephant-mandala.webp 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/webp\">\r\n        <source srcset=\"https:\/\/media.colomio.com\/t\/300x300\/mandala\/mandala-animals\/elephant-mandala.png 300w300,\r\n                        https:\/\/media.colomio.com\/t\/500x500\/mandala\/mandala-animals\/elephant-mandala.png 500w500,\r\n                        https:\/\/media.colomio.com\/t\/800x800\/mandala\/mandala-animals\/elephant-mandala.png 800w800\"\r\n                sizes=\"(max-width: 600px) 300px,\r\n                       (max-width: 900px) 500px,\r\n                       800px\"\r\n                type=\"image\/png\">\r\n        <img decoding=\"async\"\r\n             src=\"https:\/\/media.colomio.com\/t\/500x500\/mandala\/mandala-animals\/elephant-mandala.png\"\r\n             alt=\"Leoni e gufi integrati in mandala\"\r\n             class=\"w-full h-64 md:h-48 object-contain\"\r\n             title=\"Mandala animali \u2013 Zen naturale\"\r\n             loading=\"lazy\"\r\n             itemprop=\"contentUrl\">\r\n      <\/picture>\r\n    <\/a>\r\n    <figcaption class=\"p-4 text-gray-600 text-center\">\r\n      <a href=\"\/it\/disegni-da-colorare\/mandala\/mandala-animali\">Mandala animali<\/a>\r\n    <\/figcaption>\r\n  <\/figure>\r\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"Strumento di personalizzazione di disegni da colorare","_yoast_wpseo_metadesc":"","_yoast_wpseo_bctitle":"","_colomio_max_video_preview":"","_colomio_max_image_preview":"","_colomio_max_snippet":"","_custom_article_jsonld":"","_custom_howto_jsonld":"","_custom_schema_jsonld":"","category-page":true,"footnotes":""},"class_list":["post-111608","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Strumento di personalizzazione di disegni da colorare<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Strumento di personalizzazione di disegni da colorare\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.colomio.com\/it\/personalized-coloring-it\" \/>\n<meta property=\"og:site_name\" content=\"www.colomio.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T14:49:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.colomio.com\/it\/personalized-coloring-it\",\"url\":\"https:\/\/www.colomio.com\/it\/personalized-coloring-it\",\"name\":\"Strumento di personalizzazione di disegni da colorare\",\"isPartOf\":{\"@id\":\"https:\/\/www.colomio.com\/it#website\"},\"datePublished\":\"2026-03-17T11:03:57+00:00\",\"dateModified\":\"2026-04-21T14:49:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.colomio.com\/it\/personalized-coloring-it#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.colomio.com\/it\/personalized-coloring-it\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.colomio.com\/it\/personalized-coloring-it#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.colomio.com\/it\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"it\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.colomio.com\/it#website\",\"url\":\"https:\/\/www.colomio.com\/it\",\"name\":\"www.colomio.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.colomio.com\/it#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.colomio.com\/it?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.colomio.com\/it#organization\",\"name\":\"colomio\",\"url\":\"https:\/\/www.colomio.com\/it\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.colomio.com\/it#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.colomio.com\/wp-content\/uploads\/2025\/02\/cropped-colomio-logo.png?wsr\",\"contentUrl\":\"https:\/\/www.colomio.com\/wp-content\/uploads\/2025\/02\/cropped-colomio-logo.png?wsr\",\"width\":373,\"height\":98,\"caption\":\"www.colomio.com\"},\"image\":{\"@id\":\"https:\/\/www.colomio.com\/it#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/colomio.team\/\",\"https:\/\/de.pinterest.com\/happycolorz_colomio\/\",\"https:\/\/www.pinterest.com\/happycolorz_colomio\/\",\"https:\/\/www.muminthemadhouse.com\/custom-ai-colouring-pages-for-kids\/\",\"https:\/\/slummysinglemummy.com\/2026\/03\/05\/rainy-afternoons-just-got-a-lot-more-creative-discovering-colomio\/\",\"https:\/\/www.amazon.com\/Horses-Coloring-Book-pages-reprint\/dp\/1707878994\",\"https:\/\/www.prnewswire.com\/news-releases\/colomiocom-launches-a-free-customizable-coloring-book-for-home-printing-301162753.html\",\"https:\/\/www.linkedin.com\/in\/mathias-ziegler-b6068568\/\"],\"alternateName\":\"colomio.com\",\"foundingDate\":\"2019\",\"description\":\"Free printable coloring pages, step-by-step drawing tutorials, and creative crafts for kids \u2013 created by parents, tested by children.\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Zeppelinstr. 73\",\"addressLocality\":\"Munich\",\"postalCode\":\"81669\",\"addressRegion\":\"Bavaria\",\"addressCountry\":\"DE\"},\"parentOrganization\":{\"@type\":\"Organization\",\"name\":\"happycolorz GmbH\",\"url\":\"https:\/\/www.happycolorz.de\"},\"founder\":[{\"@type\":\"Person\",\"@id\":\"https:\/\/www.colomio.com\/it#mathias\/\",\"name\":\"Mathias Ziegler\",\"jobTitle\":\"Founder & Managing Director\",\"url\":\"https:\/\/www.colomio.com\/it\/authors\/colomio-team\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Strumento di personalizzazione di disegni da colorare","robots":{"index":"noindex","follow":"follow"},"og_locale":"it_IT","og_type":"article","og_title":"Strumento di personalizzazione di disegni da colorare","og_url":"https:\/\/www.colomio.com\/it\/personalized-coloring-it","og_site_name":"www.colomio.com","article_modified_time":"2026-04-21T14:49:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.colomio.com\/it\/personalized-coloring-it","url":"https:\/\/www.colomio.com\/it\/personalized-coloring-it","name":"Strumento di personalizzazione di disegni da colorare","isPartOf":{"@id":"https:\/\/www.colomio.com\/it#website"},"datePublished":"2026-03-17T11:03:57+00:00","dateModified":"2026-04-21T14:49:34+00:00","breadcrumb":{"@id":"https:\/\/www.colomio.com\/it\/personalized-coloring-it#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.colomio.com\/it\/personalized-coloring-it"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.colomio.com\/it\/personalized-coloring-it#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.colomio.com\/it"},{"@type":"ListItem","position":2,"name":"it"}]},{"@type":"WebSite","@id":"https:\/\/www.colomio.com\/it#website","url":"https:\/\/www.colomio.com\/it","name":"www.colomio.com","description":"","publisher":{"@id":"https:\/\/www.colomio.com\/it#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.colomio.com\/it?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.colomio.com\/it#organization","name":"colomio","url":"https:\/\/www.colomio.com\/it","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.colomio.com\/it#\/schema\/logo\/image\/","url":"https:\/\/www.colomio.com\/wp-content\/uploads\/2025\/02\/cropped-colomio-logo.png?wsr","contentUrl":"https:\/\/www.colomio.com\/wp-content\/uploads\/2025\/02\/cropped-colomio-logo.png?wsr","width":373,"height":98,"caption":"www.colomio.com"},"image":{"@id":"https:\/\/www.colomio.com\/it#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/colomio.team\/","https:\/\/de.pinterest.com\/happycolorz_colomio\/","https:\/\/www.pinterest.com\/happycolorz_colomio\/","https:\/\/www.muminthemadhouse.com\/custom-ai-colouring-pages-for-kids\/","https:\/\/slummysinglemummy.com\/2026\/03\/05\/rainy-afternoons-just-got-a-lot-more-creative-discovering-colomio\/","https:\/\/www.amazon.com\/Horses-Coloring-Book-pages-reprint\/dp\/1707878994","https:\/\/www.prnewswire.com\/news-releases\/colomiocom-launches-a-free-customizable-coloring-book-for-home-printing-301162753.html","https:\/\/www.linkedin.com\/in\/mathias-ziegler-b6068568\/"],"alternateName":"colomio.com","foundingDate":"2019","description":"Free printable coloring pages, step-by-step drawing tutorials, and creative crafts for kids \u2013 created by parents, tested by children.","address":{"@type":"PostalAddress","streetAddress":"Zeppelinstr. 73","addressLocality":"Munich","postalCode":"81669","addressRegion":"Bavaria","addressCountry":"DE"},"parentOrganization":{"@type":"Organization","name":"happycolorz GmbH","url":"https:\/\/www.happycolorz.de"},"founder":[{"@type":"Person","@id":"https:\/\/www.colomio.com\/it#mathias\/","name":"Mathias Ziegler","jobTitle":"Founder & Managing Director","url":"https:\/\/www.colomio.com\/it\/authors\/colomio-team"}]}]}},"_links":{"self":[{"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/pages\/111608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/comments?post=111608"}],"version-history":[{"count":3,"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/pages\/111608\/revisions"}],"predecessor-version":[{"id":111644,"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/pages\/111608\/revisions\/111644"}],"wp:attachment":[{"href":"https:\/\/www.colomio.com\/it\/wp-json\/wp\/v2\/media?parent=111608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}