{"id":21619,"date":"2024-01-03T19:09:28","date_gmt":"2024-01-03T18:09:28","guid":{"rendered":"https:\/\/csw.agency\/?page_id=21619"},"modified":"2026-03-06T23:07:42","modified_gmt":"2026-03-06T22:07:42","slug":"showcases","status":"publish","type":"page","link":"https:\/\/csw.agency\/en\/showcases\/","title":{"rendered":"Showcases"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21619\" class=\"elementor elementor-21619\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-194457e pagetop e-flex e-con-boxed e-con e-parent\" data-id=\"194457e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e246c1 e-con-full e-flex e-con e-child\" data-id=\"5e246c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eada5f elementor-widget__width-inherit gradient-h elementor-widget elementor-widget-heading\" data-id=\"4eada5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Eine <i>kunterbunte<\/i> <br>Kundenwelt<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3548be7 e-con-full e-flex e-con e-child\" data-id=\"3548be7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c4b67 elementor-widget__width-initial elementor-widget elementor-widget-iqonic_title\" data-id=\"a4c4b67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"iqonic_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<div class=\"center nicol-title-box\">\n\n\n\t\n\t\t\t<!-- before subtitle start -->\n\t\t\t\t\t\t<!-- before subtitle end -->\n\n\t\t\t<!-- title start -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- title end -->\n\n\t\t\t<!-- after subtitle start -->\n\t\t\t\t\t\t<!-- after subtitle end -->\n\n\t\t\t<!-- description start -->\n\t\t\t<div class=\"nicol-title-desc\">Ein riesengro\u00dfes Dankesch\u00f6n! In unseren \u00fcber 15 Jahren Agenturgeschichte durften wir mittlerweile hunderte spannende Projekte begleiten.  Dabei konnten wir viele wertvolle Einblicke in die unterschiedlichsten Branchen erlangen. Egal ob Soloselbstst\u00e4ndig, Mittelstand oder Konzern: Gemeinsam behaupten wir Ihren Platz im digitalen Markt.<\/div>\t\t\t<!-- description end -->\n\n\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a629770 e-con-full e-flex e-con e-parent\" data-id=\"a629770\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c3d45 elementor-widget elementor-widget-template\" data-id=\"47c3d45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"37258\" class=\"elementor elementor-37258\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ae27ad6 e-con-full e-flex e-con e-parent\" data-id=\"5ae27ad6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6c6ed47d e-con-full marqueeWrapper e-flex e-con e-child\" data-id=\"6c6ed47d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4a6974d e-con-full marqueeContainer e-flex e-con e-child\" data-id=\"4a6974d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3437633f e-con-full marqueeItem e-flex e-con e-child\" data-id=\"3437633f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e27910e elementor-widget elementor-widget-image\" data-id=\"4e27910e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"184\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/4a26f8a7-c3fa-4794-b7b5-3c82e094fe8b.webp\" class=\"attachment-large size-large wp-image-21639\" alt=\"Logo der MHK Group mit schwarzem Text und rotem Dreieck.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/4a26f8a7-c3fa-4794-b7b5-3c82e094fe8b.webp 308w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/4a26f8a7-c3fa-4794-b7b5-3c82e094fe8b-300x179.webp 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29a1c17 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"29a1c17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14343ad0 elementor-widget elementor-widget-image\" data-id=\"14343ad0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"211\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/08dd923f-d270-40a7-a6ae-81a8c1455f92.webp\" class=\"attachment-large size-large wp-image-21637\" alt=\"Logo der Handwerkskammer D\u00fcsseldorf in blauer Schrift auf wei\u00dfem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/08dd923f-d270-40a7-a6ae-81a8c1455f92.webp 316w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/08dd923f-d270-40a7-a6ae-81a8c1455f92-300x200.webp 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44e8ee73 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"44e8ee73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a1f3cc7 elementor-widget elementor-widget-image\" data-id=\"5a1f3cc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"211\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/1bce911a-f14e-462f-a913-b9e84f0db580.webp\" class=\"attachment-large size-large wp-image-21636\" alt=\"Logo von Deuka mit dem Slogan &#039;Wir leben Futter&#039; in roter Schrift.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/1bce911a-f14e-462f-a913-b9e84f0db580.webp 316w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/1bce911a-f14e-462f-a913-b9e84f0db580-300x200.webp 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18d2cfc0 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"18d2cfc0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f61999 elementor-widget elementor-widget-image\" data-id=\"3f61999\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"184\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/70dd7ffc-baf2-41af-be25-694c4dc0e468.webp\" class=\"attachment-large size-large wp-image-21641\" alt=\"Groupon-Logo in gr\u00fcner Schrift auf schwarzem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/70dd7ffc-baf2-41af-be25-694c4dc0e468.webp 308w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/70dd7ffc-baf2-41af-be25-694c4dc0e468-300x179.webp 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-767fdd7e e-con-full marqueeItem e-flex e-con e-child\" data-id=\"767fdd7e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72308577 elementor-widget elementor-widget-image\" data-id=\"72308577\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"160\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/MED-EL_Logo.svg-1024x205.png\" class=\"attachment-large size-large wp-image-37245\" alt=\"Logo von MED-EL in roter Schrift mit einem stilisierten Symbol.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/MED-EL_Logo.svg-1024x205.png 1024w, https:\/\/csw.agency\/wp-content\/uploads\/MED-EL_Logo.svg-300x60.png 300w, https:\/\/csw.agency\/wp-content\/uploads\/MED-EL_Logo.svg-768x154.png 768w, https:\/\/csw.agency\/wp-content\/uploads\/MED-EL_Logo.svg-1536x307.png 1536w, https:\/\/csw.agency\/wp-content\/uploads\/MED-EL_Logo.svg.png 1596w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5831c000 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"5831c000\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6901d687 elementor-widget elementor-widget-image\" data-id=\"6901d687\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"379\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/fca-1.webp\" class=\"attachment-large size-large wp-image-37236\" alt=\"Vereinswappen des FCA mit einem Tannenzapfen und dem Gr\u00fcndungsjahr 1907.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/fca-1.webp 290w, https:\/\/csw.agency\/wp-content\/uploads\/fca-1-230x300.webp 230w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-209dbcfb e-con-full marqueeItem e-flex e-con e-child\" data-id=\"209dbcfb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cefaf4d elementor-widget elementor-widget-image\" data-id=\"5cefaf4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"184\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/d186b4db-8aff-48d4-bb25-8851697d2478.webp\" class=\"attachment-large size-large wp-image-21638\" alt=\"Logo von Mercure Hotels in lila und beige mit geschwungenen Buchstaben.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/d186b4db-8aff-48d4-bb25-8851697d2478.webp 308w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/d186b4db-8aff-48d4-bb25-8851697d2478-300x179.webp 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39f5624e e-con-full marqueeItem e-flex e-con e-child\" data-id=\"39f5624e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-217430e1 elementor-widget elementor-widget-image\" data-id=\"217430e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"211\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/b6a11801-4d0c-446d-8847-a8658146320d.webp\" class=\"attachment-large size-large wp-image-21655\" alt=\"Rotes Logo von Moree mit stilisierter Schriftart auf schwarzem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/b6a11801-4d0c-446d-8847-a8658146320d.webp 316w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/b6a11801-4d0c-446d-8847-a8658146320d-300x200.webp 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d8abe55 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"6d8abe55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b685ef4 elementor-widget elementor-widget-image\" data-id=\"5b685ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"194\" height=\"88\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/t_pw.png\" class=\"attachment-large size-large wp-image-37241\" alt=\"Rotes Logo mit den Buchstaben TPR in einer klaren Schriftart auf transparentem Hintergrund.\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-238023a4 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"238023a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2181af05 elementor-widget elementor-widget-image\" data-id=\"2181af05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"163\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/fe_logo-2048x415-1-1024x208.webp\" class=\"attachment-large size-large wp-image-37244\" alt=\"Logo der CSW Agentur in schwarzer Schrift auf wei\u00dfem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/fe_logo-2048x415-1-1024x208.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/fe_logo-2048x415-1-300x61.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/fe_logo-2048x415-1-768x156.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/fe_logo-2048x415-1-1536x311.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/fe_logo-2048x415-1.webp 2048w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-523d25c2 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"523d25c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67ae38ff elementor-widget elementor-widget-image\" data-id=\"67ae38ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"163\" height=\"92\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/ysd.svg\" class=\"attachment-large size-large wp-image-37256\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5efd8ab7 elementor-widget elementor-widget-html\" data-id=\"5efd8ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n\n\/* Code for the Elementor Smooth Carousel Ticker Marquee\n* From https:\/\/element.how\/elementor-smooth-carousel-ticker-marquee\/\n* Copyright 2023 Element.How\n* Licensed for personal and client use for customers who purchased access\n* No redistribution or resale allowed \n* V1.0 12\/11\/2023\n*\/\n\n(function () {\n    \n    if (document.querySelector('.elementor-editor-active')) return;\n\n    \/* preload the images to have the proper JS calculations *\/\n    let imagesToPreload = false;\n    (function () {\n        let images = document.querySelectorAll('.marqueeWrapper.marqueeGallery img');\n        if (images) imagesToPreload = true;\n        images.forEach(img => {\n            addPreloadLink(img);\n        });\n    })();\n\n    function duplicateMarqueeItems() {\n        document.querySelectorAll('.marqueeWrapper').forEach(wrapper => {\n\n            let speed = +getComputedStyle(wrapper).getPropertyValue('--animation-speed');\n\n            if (wrapper.classList.contains('marqueeWrapperReady')) return;\n\n            let isVertical = wrapper.classList.contains('marqueeVertical');\n\n            \/* if wrapper or any ancestor, has window.getComputedStyle.display == 'none', skip the wrapper *\/\n            let displayNone = false;\n            let parent = wrapper;\n            while (parent) {\n                if (window.getComputedStyle(parent).display === 'none') {\n                    displayNone = true;\n                    break;\n                }\n                parent = parent.parentElement;\n            }\n            if (displayNone) return;\n\n            wrapper.querySelectorAll('.marqueeContainer, .marqueeWrapper .elementor-grid, .marqueeWrapper .elementor-image-gallery .gallery').forEach(container => {\n                const marqueeItems = container.querySelectorAll('.marqueeItem, .e-loop-item, .gallery-item');\n                let totalSize = 0;\n                marqueeItems.forEach(item => totalSize += isVertical ? item.offsetHeight : item.offsetWidth);\n\n                let wrapperSize = isVertical ? wrapper.offsetHeight : wrapper.offsetWidth;\n                let flag = 0;\n\n                while (totalSize < wrapperSize) {\n                    marqueeItems.forEach(item => {\n                        const clone = item.cloneNode(true);\n                        clone.setAttribute('aria-hidden', 'true');\n                        clone.tabIndex = -1;\n                        clone.classList.add('marqueeItemClone');\n                        container.appendChild(clone);\n                        totalSize += isVertical ? item.offsetHeight : item.offsetWidth;\n                    });\n                    flag++;\n                    if (flag > 40) {\n                        console.error('Marquee: Loop detected');\n                        break;\n                    }\n                }\n\n                \/* prevent bug on Safari where marqueeItem has no width if vertical text *\/\n                if (isVertical && marqueeItems[0].classList.contains('elementor-widget-heading')) {\n                    marqueeItems.forEach(item => {\n                        item.style.width = item.querySelector('.elementor-heading-title').offsetWidth + 'px';\n                    });\n                }\n\n                const containerClone = container.cloneNode(true);\n                containerClone.setAttribute('aria-hidden', 'true');\n                containerClone.tabIndex = -1;\n                containerClone.classList.add('marqueeContainerClone');\n                container.after(containerClone);\n\n\n\n                const containerSize = isVertical ? container.offsetHeight : container.offsetWidth;\n                const animationDuration = (containerSize \/ speed).toFixed(2) + 's';\n                container.style.setProperty('--animation-duration', animationDuration);\n                containerClone.style.setProperty('--animation-duration', animationDuration);\n            });\n\n\n            wrapper.classList.add('marqueeWrapperReady');\n        });\n    }\n\n    \/* Initial duplication on page load *\/\n    if (imagesToPreload) {\n        window.addEventListener('load', function () {\n            duplicateMarqueeItems();\n        });\n    } else {\n        duplicateMarqueeItems();\n    }\n\n\n    let resizeTimer;\n    let windowWidth = window.innerWidth;\n\n    window.addEventListener('resize', () => {\n        clearTimeout(resizeTimer);\n        resizeTimer = setTimeout(() => {\n            if (window.innerWidth !== windowWidth) {\n                windowWidth = window.innerWidth;\n                resetMarqueeSetup();\n            }\n        }, 30);\n    });\n\n\n    function resetMarqueeSetup() {\n        document.querySelectorAll('.marqueeWrapperReady').forEach(wrapper => wrapper.classList.remove('marqueeWrapperReady'));\n        document.querySelectorAll('.marqueeItemClone, .marqueeContainerClone').forEach(clone => {\n            clone.remove();\n        });\n\n        duplicateMarqueeItems();\n    }\n    \n    function addPreloadLink(img) {\n        img.removeAttribute('loading');\n        let link = document.createElement('link');\n        link.rel = 'preload';\n        link.href = img.src || img.dataset.src;\n        link.as = 'image';\n        if (img.srcset) link.setAttribute('imagesrcset', img.srcset);\n        if (img.sizes) link.setAttribute('imagesizes', img.sizes);\n        document.head.appendChild(link);\n    }\n    \/* END OF preload the images after the first image gets in the viewport *\/\n})();\n<\/script>\n<style>\n.marqueeWrapper.marqueeWrapper {\n    --animation-direction: normal; \/* normal = goes left, reverse = goes right *\/\n    --animation-play-state-on-hover: paused; \/* paused or running *\/\n    --animation-speed: 30; \/* increase to make faster *\/\n    --marquee-items-spacing: 40px; \/* spacing between marquee items *\/\n    --vertical-marquee-height: 100vh;\n    --gallery-image-height-desktop: 400px;\n    --gallery-image-height-tablet: 300px;\n    --gallery-image-height-mobile: 200px;\n    --loop-item-width-desktop: 300px;\n    --loop-item-width-tablet: 300px;\n    --loop-item-width-mobile: 230px;\n    gap: 0; \/* don't change *\/\n    flex-direction: row;\n    flex-wrap: nowrap;\n    overflow: hidden;\n}\n\n.elementor-editor-active .marqueeWrapper.marqueeWrapper.marqueeWrapper {\n    overflow: visible;\n}\n\n.marqueeVertical {\n    max-height: 100vh;\n    height: var(--vertical-marquee-height);\n    overflow: hidden;\n}\n\n.marqueeWrapperReady .marqueeContainer,\n.marqueeWrapperReady .elementor-grid,\n.marqueeWrapperReady .gallery {\n  animation: translateXAnim var(--animation-duration) calc(var(--animation-duration) \/ -1) linear var(--animation-direction) infinite;\n  will-change: transform;\n}\n\n.marqueeWrapperReady.marqueeVertical .marqueeContainer,\n.marqueeWrapperReady.marqueeVertical .elementor-grid,\n.marqueeWrapperReady.marqueeVertical .gallery {\n    animation-name: translateYAnim;\n}\n\n.marqueeContainer.marqueeContainer.marqueeContainer.marqueeContainer {\n    max-width: initial;\n    width: initial;\n}\n\n.marqueeWrapper:not(.marqueeVertical) .marqueeContainer,\n.marqueeWrapper:not(.marqueeVertical) .elementor-grid,\n.marqueeWrapper:not(.marqueeVertical) .elementor-image-gallery .gallery {\n    gap: var(--marquee-items-spacing);\n    padding-right: var(--marquee-items-spacing);\n    padding-left: 0;\n}\n\n.marqueeVertical .marqueeContainer,\n.marqueeVertical .elementor-grid,\n.marqueeVertical .elementor-image-gallery .gallery {\n    gap: var(--marquee-items-spacing);\n    padding-bottom: var(--marquee-items-spacing);\n    padding-top: 0;\n}\n\n.marqueeWrapperReady .marqueeContainer:nth-child(2),\n.marqueeWrapperReady .elementor-grid:nth-child(2),\n.marqueeWrapperReady .gallery:nth-child(2) {\n  animation: translateXAnim2 var(--animation-duration) calc(var(--animation-duration) \/ -2) linear var(--animation-direction) infinite;\n}\n\n.marqueeWrapperReady.marqueeVertical .marqueeContainer:nth-child(2),\n.marqueeWrapperReady.marqueeVertical .elementor-grid:nth-child(2),\n.marqueeWrapperReady.marqueeVertical .gallery:nth-child(2) {\n    animation-name: translateYAnim2;\n}\n\n.marqueeWrapperReady.marqueeWrapper:hover .marqueeContainer,\n.marqueeWrapperReady.marqueeWrapper:focus-within .marqueeContainer,\n.marqueeWrapperReady.marqueeWrapper:hover .elementor-grid,\n.marqueeWrapperReady.marqueeWrapper:focus-within .elementor-grid,\n.marqueeWrapperReady.marqueeWrapper:hover .gallery,\n.marqueeWrapperReady.marqueeWrapper:focus-within .gallery {\n    animation-play-state: var(--animation-play-state-on-hover);\n}\n\n\/* A11y *\/\n@media (prefers-reduced-motion: reduce) {\n    .marqueeWrapper.marqueeWrapper.marqueeWrapper .marqueeContainer,\n    .marqueeWrapper.marqueeWrapper.marqueeWrapper .elementor-grid,\n    .marqueeWrapper.marqueeWrapper.marqueeWrapper .gallery {\n    animation-name: none;\n    }\n}\n\n\n\n\/* \n*\n*  CSS for the Basic Gallery\n*\n*\/\n.marqueeWrapper.marqueeGallery .elementor-image-gallery {\n    display: flex;\n}\n.marqueeWrapper.marqueeVertical.marqueeGallery .elementor-image-gallery {\n    flex-direction: column;\n}\n\n.marqueeWrapper .elementor-image-gallery .gallery {\n    display: grid;\n    grid-auto-flow: column;\n}\n\n.marqueeWrapper.marqueeVertical .elementor-image-gallery .gallery {\n    grid-auto-flow: row;\n}\n\n.marqueeWrapper .elementor-image-gallery .gallery-item.gallery-item {\n    max-width: initial;\n    width: auto;\n}\n.marqueeWrapper .elementor-image-gallery .gallery-item img {\n    max-width: initial;\n    width: auto;\n    height: var(--gallery-image-height-desktop);\n    opacity: 1; \/* prevent .loazyloading class bug *\/\n}\n\n.marqueeWrapper.marqueeVertical .elementor-image-gallery .gallery-item img {\n    max-width: 100%; \/* control the width of vertical marquee image gallery under the gallery element > advanced tab > custom width control *\/\n    width: auto;\n    height: auto;\n}\n\n@media (max-width: 1024px) {\n    .marqueeWrapper .elementor-image-gallery .gallery-item img {\n        height: var(--gallery-image-height-tablet);\n    }\n}\n\n@media (max-width: 767px) {\n    .marqueeWrapper .elementor-image-gallery .gallery-item img {\n        height: var(--gallery-image-height-mobile);\n    }\n}\n\/* \n*\n*  END OF CSS for the Basic Gallery\n*\n*\/\n\n\n\n\n\/* \n*\n* CSS for the Loop Grid\n*\n*\/\n.marqueeWrapper.marqueeLoopGrid > .elementor-widget-container {\n    display: flex;\n}\n\n.marqueeWrapper .elementor-loop-container.elementor-grid {\n    display: grid;\n    grid-auto-flow: column;\n    padding-right: var(--grid-column-gap,10px);\n}\n\n.marqueeWrapper .elementor-loop-container.elementor-grid .e-loop-item {\n    width: var(--loop-item-width-desktop);\n}\n\n@media (max-width: 1024px) {\n    .marqueeWrapper .elementor-loop-container.elementor-grid .e-loop-item {\n    width: var(--loop-item-width-tablet);\n}\n}\n\n@media (max-width: 767px) {\n    .marqueeWrapper .elementor-loop-container.elementor-grid .e-loop-item {\n    width: var(--loop-item-width-mobile);\n}\n}\n\n\n\/* vertical loop grid *\/\n.marqueeWrapper.marqueeVertical.marqueeLoopGrid > .elementor-widget-container {\n    flex-direction: column;\n}\n\n.marqueeWrapper.marqueeVertical .elementor-loop-container.elementor-grid {\n    grid-auto-flow: row;\n}\n\n\/* control the width of vertical marquee loop grid under the loop grid element > advanced tab > custom width control *\/\n\n\/* end of vertical loop grid *\/\n\n\/* \n*\n* END OF CSS for the Loop Grid\n*\n*\/\n\n\n\n\n\/*\n*\n* CSS for the Vertical Marquee with Headings\n*\n*\/\n.marqueeVertical.marqueeVertical {\n    flex-direction: column;\n    width: fit-content;\n    flex-shrink: 0;\n}\n\n.marqueeVertical .marqueeContainer {\n    flex-direction: column;\n}\n\n.marqueeVertical .marqueeItem .elementor-heading-title {\nwriting-mode: vertical-lr;\ntransform: rotate(180deg);\nwhite-space: nowrap;\n}\n\n\/*\n*\n* END OF CSS for the Vertical Marquee with Headings\n*\n*\/\n\n\n\/*\n*\n* CSS for the gradient edges\n*\n*\/\n\n.marqueeWrapper:not(.marqueeVertical) {\n    --mask-size: 0;\n    -webkit-mask: linear-gradient(90deg, transparent, white var(--mask-size), white calc(100% - var(--mask-size)), transparent);\n}\n\n.marqueeVertical.marqueeVertical {\n    --mask-size: 0;\n    -webkit-mask: linear-gradient(0deg, transparent, white var(--mask-size), white calc(100% - var(--mask-size)), transparent);\n}\n\n@media (max-width:1024px) {\n    \n.marqueeWrapper:not(.marqueeVertical) {\n    --mask-size-tablet: 0;\n    -webkit-mask: linear-gradient(90deg, transparent, white var(--mask-size-tablet), white calc(100% - var(--mask-size-tablet)), transparent);\n}\n\n.marqueeVertical.marqueeVertical {\n    --mask-size-tablet: 0;\n    -webkit-mask: linear-gradient(0deg, transparent, white var(--mask-size-tablet), white calc(100% - var(--mask-size-tablet)), transparent);\n}\n\n}\n\n@media (max-width:767px)  {\n    .marqueeWrapper:not(.marqueeVertical) {\n    --mask-size-mobile: 0;\n    -webkit-mask: linear-gradient(90deg, transparent, white var(--mask-size-mobile), white calc(100% - var(--mask-size-mobile)), transparent);\n}\n\n.marqueeVertical.marqueeVertical {\n    --mask-size: 0;\n    -webkit-mask: linear-gradient(0deg, transparent, white var(--mask-size-mobile), white calc(100% - var(--mask-size-mobile)), transparent);\n}\n\n}\n\n\/*\n*\n* END OF CSS for the gradient edges\n\n*\n*\/\n\n\n@keyframes translateXAnim {\n    0% {\n        transform: translateX(100%);\n    }\n\n    100% {\n        transform: translateX(-100%);\n    }\n}\n\n@keyframes translateXAnim2 {\n    0% {\n        transform: translateX(0);\n    }\n\n    100% {\n        transform: translateX(-200%);\n    }\n}\n@keyframes translateYAnim {\n    0% {\n        transform: translateY(100%);\n    }\n\n    100% {\n        transform: translateY(-100%);\n    }\n}\n\n@keyframes translateYAnim2 {\n    0% {\n        transform: translateY(0);\n    }\n\n    100% {\n        transform: translateY(-200%);\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36f2c15a e-con-full marqueeWrapper e-flex e-con e-child\" data-id=\"36f2c15a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3887dc07 e-con-full marqueeContainer e-flex e-con e-child\" data-id=\"3887dc07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f933a54 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"4f933a54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31b20843 elementor-widget elementor-widget-image\" data-id=\"31b20843\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"139\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/kgn-1024x178.png\" class=\"attachment-large size-large wp-image-37250\" alt=\"Grafik mit gr\u00fcnen ovalen Formen auf schwarzem Hintergrund und dem Text &#039;CSW.AGENCY&#039;.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/kgn-1024x178.png 1024w, https:\/\/csw.agency\/wp-content\/uploads\/kgn-300x52.png 300w, https:\/\/csw.agency\/wp-content\/uploads\/kgn-768x133.png 768w, https:\/\/csw.agency\/wp-content\/uploads\/kgn-1536x266.png 1536w, https:\/\/csw.agency\/wp-content\/uploads\/kgn.png 2000w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7945ad28 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"7945ad28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dee3d45 elementor-widget elementor-widget-image\" data-id=\"1dee3d45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"184\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/504a0897-9f15-4bca-9ee1-038d840ff1ed.webp\" class=\"attachment-large size-large wp-image-21658\" alt=\"Logo von CIRCL mit stilisierten Buchstaben und einem grafischen Element.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/504a0897-9f15-4bca-9ee1-038d840ff1ed.webp 308w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/504a0897-9f15-4bca-9ee1-038d840ff1ed-300x179.webp 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59e0c524 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"59e0c524\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72f68c4e elementor-widget elementor-widget-image\" data-id=\"72f68c4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"184\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/de418c73-c0d5-490d-a456-ab5d0c287c75.webp\" class=\"attachment-large size-large wp-image-21657\" alt=\"Logo des Gesundheitszentrums Lang mit gelbem Kreis und blauer Schrift.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/de418c73-c0d5-490d-a456-ab5d0c287c75.webp 308w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/de418c73-c0d5-490d-a456-ab5d0c287c75-300x179.webp 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-145a9978 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"145a9978\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3629d elementor-widget elementor-widget-image\" data-id=\"e3629d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"323\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/drk-1024x414.png\" class=\"attachment-large size-large wp-image-37247\" alt=\"Logo von Dr. Kusenack mit stilisiertem Turm und Text in blauer Schrift.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/drk-1024x414.png 1024w, https:\/\/csw.agency\/wp-content\/uploads\/drk-300x121.png 300w, https:\/\/csw.agency\/wp-content\/uploads\/drk-768x310.png 768w, https:\/\/csw.agency\/wp-content\/uploads\/drk-1536x621.png 1536w, https:\/\/csw.agency\/wp-content\/uploads\/drk.png 1920w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f857f7f e-con-full marqueeItem e-flex e-con e-child\" data-id=\"5f857f7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d9061f6 elementor-widget elementor-widget-image\" data-id=\"1d9061f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"379\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/k-p-logo-1024x485.webp\" class=\"attachment-large size-large wp-image-37238\" alt=\"Logo von K&amp;P in wei\u00dfer Schrift auf dunkelblauem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/k-p-logo-1024x485.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/k-p-logo-300x142.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/k-p-logo-768x364.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/k-p-logo-1536x727.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/k-p-logo.webp 1800w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-255b8a03 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"255b8a03\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e682f64 elementor-widget elementor-widget-image\" data-id=\"7e682f64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"349\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/mdc-1024x447.webp\" class=\"attachment-large size-large wp-image-37239\" alt=\"Logo von Matratzen Discount mit einem roten Preisschild und dem Schriftzug M\/D.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/mdc-1024x447.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/mdc-300x131.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/mdc-768x335.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/mdc-1536x670.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/mdc.webp 1611w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1656d501 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"1656d501\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-764433e4 elementor-widget elementor-widget-image\" data-id=\"764433e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"184\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/41526512-11ef-48fa-95f0-32690a3fb303.webp\" class=\"attachment-large size-large wp-image-21659\" alt=\"Logo von Pummel und Freunden mit einem bunten Einhorn und dem Schriftzug.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/41526512-11ef-48fa-95f0-32690a3fb303.webp 308w, https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/41526512-11ef-48fa-95f0-32690a3fb303-300x179.webp 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79849ad2 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"79849ad2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5297d62 elementor-widget elementor-widget-image\" data-id=\"5297d62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"209\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/ptbl-1024x268.png\" class=\"attachment-large size-large wp-image-37240\" alt=\"Logo von Place to Be Locations mit stilisierten Buchstaben und geometrischen Formen.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/ptbl-1024x268.png 1024w, https:\/\/csw.agency\/wp-content\/uploads\/ptbl-300x78.png 300w, https:\/\/csw.agency\/wp-content\/uploads\/ptbl-768x201.png 768w, https:\/\/csw.agency\/wp-content\/uploads\/ptbl.png 1439w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7da3f6c9 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"7da3f6c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cef5d33 elementor-widget elementor-widget-image\" data-id=\"5cef5d33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"146\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/logo-1-1024x187.webp\" class=\"attachment-large size-large wp-image-37243\" alt=\"Gelbes Logo mit dem Schriftzug &#039;VALENTIN&#039; auf wei\u00dfem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/logo-1-1024x187.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/logo-1-300x55.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/logo-1-768x141.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/logo-1.webp 1268w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22a235b6 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"22a235b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b81b128 elementor-widget elementor-widget-image\" data-id=\"2b81b128\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"285\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/blog.png\" class=\"attachment-large size-large wp-image-37246\" alt=\"Rotes Logo mit dem Schriftzug Br\u00fchl in wei\u00dfer Schrift auf rotem Hintergrund.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/blog.png 564w, https:\/\/csw.agency\/wp-content\/uploads\/blog-300x152.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ed64a3 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"5ed64a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d876f65 elementor-widget elementor-widget-image\" data-id=\"5d876f65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"229\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/STEECO_Logow.svg\" class=\"attachment-large size-large wp-image-37248\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54fb19d0 e-con-full marqueeItem e-flex e-con e-child\" data-id=\"54fb19d0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36b60bfa elementor-widget elementor-widget-image\" data-id=\"36b60bfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"112\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/blib.avif\" class=\"attachment-large size-large wp-image-37252\" alt=\"Schwarzes Fahrrad mit einem schlanken Rahmen und ohne sichtbare Gangschaltung.\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f1c8349 elementor-widget elementor-widget-html\" data-id=\"7f1c8349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n\n\/* Code for the Elementor Smooth Carousel Ticker Marquee\n* From https:\/\/element.how\/elementor-smooth-carousel-ticker-marquee\/\n* Copyright 2023 Element.How\n* Licensed for personal and client use for customers who purchased access\n* No redistribution or resale allowed \n* V1.0 12\/11\/2023\n*\/\n\n(function () {\n    \n    if (document.querySelector('.elementor-editor-active')) return;\n\n    \/* preload the images to have the proper JS calculations *\/\n    let imagesToPreload = false;\n    (function () {\n        let images = document.querySelectorAll('.marqueeWrapper.marqueeGallery img');\n        if (images) imagesToPreload = true;\n        images.forEach(img => {\n            addPreloadLink(img);\n        });\n    })();\n\n    function duplicateMarqueeItems() {\n        document.querySelectorAll('.marqueeWrapper').forEach(wrapper => {\n\n            let speed = +getComputedStyle(wrapper).getPropertyValue('--animation-speed');\n\n            if (wrapper.classList.contains('marqueeWrapperReady')) return;\n\n            let isVertical = wrapper.classList.contains('marqueeVertical');\n\n            \/* if wrapper or any ancestor, has window.getComputedStyle.display == 'none', skip the wrapper *\/\n            let displayNone = false;\n            let parent = wrapper;\n            while (parent) {\n                if (window.getComputedStyle(parent).display === 'none') {\n                    displayNone = true;\n                    break;\n                }\n                parent = parent.parentElement;\n            }\n            if (displayNone) return;\n\n            wrapper.querySelectorAll('.marqueeContainer, .marqueeWrapper .elementor-grid, .marqueeWrapper .elementor-image-gallery .gallery').forEach(container => {\n                const marqueeItems = container.querySelectorAll('.marqueeItem, .e-loop-item, .gallery-item');\n                let totalSize = 0;\n                marqueeItems.forEach(item => totalSize += isVertical ? item.offsetHeight : item.offsetWidth);\n\n                let wrapperSize = isVertical ? wrapper.offsetHeight : wrapper.offsetWidth;\n                let flag = 0;\n\n                while (totalSize < wrapperSize) {\n                    marqueeItems.forEach(item => {\n                        const clone = item.cloneNode(true);\n                        clone.setAttribute('aria-hidden', 'true');\n                        clone.tabIndex = -1;\n                        clone.classList.add('marqueeItemClone');\n                        container.appendChild(clone);\n                        totalSize += isVertical ? item.offsetHeight : item.offsetWidth;\n                    });\n                    flag++;\n                    if (flag > 40) {\n                        console.error('Marquee: Loop detected');\n                        break;\n                    }\n                }\n\n                \/* prevent bug on Safari where marqueeItem has no width if vertical text *\/\n                if (isVertical && marqueeItems[0].classList.contains('elementor-widget-heading')) {\n                    marqueeItems.forEach(item => {\n                        item.style.width = item.querySelector('.elementor-heading-title').offsetWidth + 'px';\n                    });\n                }\n\n                const containerClone = container.cloneNode(true);\n                containerClone.setAttribute('aria-hidden', 'true');\n                containerClone.tabIndex = -1;\n                containerClone.classList.add('marqueeContainerClone');\n                container.after(containerClone);\n\n\n\n                const containerSize = isVertical ? container.offsetHeight : container.offsetWidth;\n                const animationDuration = (containerSize \/ speed).toFixed(2) + 's';\n                container.style.setProperty('--animation-duration', animationDuration);\n                containerClone.style.setProperty('--animation-duration', animationDuration);\n            });\n\n\n            wrapper.classList.add('marqueeWrapperReady');\n        });\n    }\n\n    \/* Initial duplication on page load *\/\n    if (imagesToPreload) {\n        window.addEventListener('load', function () {\n            duplicateMarqueeItems();\n        });\n    } else {\n        duplicateMarqueeItems();\n    }\n\n\n    let resizeTimer;\n    let windowWidth = window.innerWidth;\n\n    window.addEventListener('resize', () => {\n        clearTimeout(resizeTimer);\n        resizeTimer = setTimeout(() => {\n            if (window.innerWidth !== windowWidth) {\n                windowWidth = window.innerWidth;\n                resetMarqueeSetup();\n            }\n        }, 30);\n    });\n\n\n    function resetMarqueeSetup() {\n        document.querySelectorAll('.marqueeWrapperReady').forEach(wrapper => wrapper.classList.remove('marqueeWrapperReady'));\n        document.querySelectorAll('.marqueeItemClone, .marqueeContainerClone').forEach(clone => {\n            clone.remove();\n        });\n\n        duplicateMarqueeItems();\n    }\n    \n    function addPreloadLink(img) {\n        img.removeAttribute('loading');\n        let link = document.createElement('link');\n        link.rel = 'preload';\n        link.href = img.src || img.dataset.src;\n        link.as = 'image';\n        if (img.srcset) link.setAttribute('imagesrcset', img.srcset);\n        if (img.sizes) link.setAttribute('imagesizes', img.sizes);\n        document.head.appendChild(link);\n    }\n    \/* END OF preload the images after the first image gets in the viewport *\/\n})();\n<\/script>\n<style>\n.marqueeWrapper.marqueeWrapper {\n    --animation-direction: normal; \/* normal = goes left, reverse = goes right *\/\n    --animation-play-state-on-hover: paused; \/* paused or running *\/\n    --animation-speed: 30; \/* increase to make faster *\/\n    --marquee-items-spacing: 40px; \/* spacing between marquee items *\/\n    --vertical-marquee-height: 100vh;\n    --gallery-image-height-desktop: 400px;\n    --gallery-image-height-tablet: 300px;\n    --gallery-image-height-mobile: 200px;\n    --loop-item-width-desktop: 300px;\n    --loop-item-width-tablet: 300px;\n    --loop-item-width-mobile: 230px;\n    gap: 0; \/* don't change *\/\n    flex-direction: row;\n    flex-wrap: nowrap;\n    overflow: hidden;\n}\n\n.elementor-editor-active .marqueeWrapper.marqueeWrapper.marqueeWrapper {\n    overflow: visible;\n}\n\n.marqueeVertical {\n    max-height: 100vh;\n    height: var(--vertical-marquee-height);\n    overflow: hidden;\n}\n\n.marqueeWrapperReady .marqueeContainer,\n.marqueeWrapperReady .elementor-grid,\n.marqueeWrapperReady .gallery {\n  animation: translateXAnim var(--animation-duration) calc(var(--animation-duration) \/ -1) linear var(--animation-direction) infinite;\n  will-change: transform;\n}\n\n.marqueeWrapperReady.marqueeVertical .marqueeContainer,\n.marqueeWrapperReady.marqueeVertical .elementor-grid,\n.marqueeWrapperReady.marqueeVertical .gallery {\n    animation-name: translateYAnim;\n}\n\n.marqueeContainer.marqueeContainer.marqueeContainer.marqueeContainer {\n    max-width: initial;\n    width: initial;\n}\n\n.marqueeWrapper:not(.marqueeVertical) .marqueeContainer,\n.marqueeWrapper:not(.marqueeVertical) .elementor-grid,\n.marqueeWrapper:not(.marqueeVertical) .elementor-image-gallery .gallery {\n    gap: var(--marquee-items-spacing);\n    padding-right: var(--marquee-items-spacing);\n    padding-left: 0;\n}\n\n.marqueeVertical .marqueeContainer,\n.marqueeVertical .elementor-grid,\n.marqueeVertical .elementor-image-gallery .gallery {\n    gap: var(--marquee-items-spacing);\n    padding-bottom: var(--marquee-items-spacing);\n    padding-top: 0;\n}\n\n.marqueeWrapperReady .marqueeContainer:nth-child(2),\n.marqueeWrapperReady .elementor-grid:nth-child(2),\n.marqueeWrapperReady .gallery:nth-child(2) {\n  animation: translateXAnim2 var(--animation-duration) calc(var(--animation-duration) \/ -2) linear var(--animation-direction) infinite;\n}\n\n.marqueeWrapperReady.marqueeVertical .marqueeContainer:nth-child(2),\n.marqueeWrapperReady.marqueeVertical .elementor-grid:nth-child(2),\n.marqueeWrapperReady.marqueeVertical .gallery:nth-child(2) {\n    animation-name: translateYAnim2;\n}\n\n.marqueeWrapperReady.marqueeWrapper:hover .marqueeContainer,\n.marqueeWrapperReady.marqueeWrapper:focus-within .marqueeContainer,\n.marqueeWrapperReady.marqueeWrapper:hover .elementor-grid,\n.marqueeWrapperReady.marqueeWrapper:focus-within .elementor-grid,\n.marqueeWrapperReady.marqueeWrapper:hover .gallery,\n.marqueeWrapperReady.marqueeWrapper:focus-within .gallery {\n    animation-play-state: var(--animation-play-state-on-hover);\n}\n\n\/* A11y *\/\n@media (prefers-reduced-motion: reduce) {\n    .marqueeWrapper.marqueeWrapper.marqueeWrapper .marqueeContainer,\n    .marqueeWrapper.marqueeWrapper.marqueeWrapper .elementor-grid,\n    .marqueeWrapper.marqueeWrapper.marqueeWrapper .gallery {\n    animation-name: none;\n    }\n}\n\n\n\n\/* \n*\n*  CSS for the Basic Gallery\n*\n*\/\n.marqueeWrapper.marqueeGallery .elementor-image-gallery {\n    display: flex;\n}\n.marqueeWrapper.marqueeVertical.marqueeGallery .elementor-image-gallery {\n    flex-direction: column;\n}\n\n.marqueeWrapper .elementor-image-gallery .gallery {\n    display: grid;\n    grid-auto-flow: column;\n}\n\n.marqueeWrapper.marqueeVertical .elementor-image-gallery .gallery {\n    grid-auto-flow: row;\n}\n\n.marqueeWrapper .elementor-image-gallery .gallery-item.gallery-item {\n    max-width: initial;\n    width: auto;\n}\n.marqueeWrapper .elementor-image-gallery .gallery-item img {\n    max-width: initial;\n    width: auto;\n    height: var(--gallery-image-height-desktop);\n    opacity: 1; \/* prevent .loazyloading class bug *\/\n}\n\n.marqueeWrapper.marqueeVertical .elementor-image-gallery .gallery-item img {\n    max-width: 100%; \/* control the width of vertical marquee image gallery under the gallery element > advanced tab > custom width control *\/\n    width: auto;\n    height: auto;\n}\n\n@media (max-width: 1024px) {\n    .marqueeWrapper .elementor-image-gallery .gallery-item img {\n        height: var(--gallery-image-height-tablet);\n    }\n}\n\n@media (max-width: 767px) {\n    .marqueeWrapper .elementor-image-gallery .gallery-item img {\n        height: var(--gallery-image-height-mobile);\n    }\n}\n\/* \n*\n*  END OF CSS for the Basic Gallery\n*\n*\/\n\n\n\n\n\/* \n*\n* CSS for the Loop Grid\n*\n*\/\n.marqueeWrapper.marqueeLoopGrid > .elementor-widget-container {\n    display: flex;\n}\n\n.marqueeWrapper .elementor-loop-container.elementor-grid {\n    display: grid;\n    grid-auto-flow: column;\n    padding-right: var(--grid-column-gap,10px);\n}\n\n.marqueeWrapper .elementor-loop-container.elementor-grid .e-loop-item {\n    width: var(--loop-item-width-desktop);\n}\n\n@media (max-width: 1024px) {\n    .marqueeWrapper .elementor-loop-container.elementor-grid .e-loop-item {\n    width: var(--loop-item-width-tablet);\n}\n}\n\n@media (max-width: 767px) {\n    .marqueeWrapper .elementor-loop-container.elementor-grid .e-loop-item {\n    width: var(--loop-item-width-mobile);\n}\n}\n\n\n\/* vertical loop grid *\/\n.marqueeWrapper.marqueeVertical.marqueeLoopGrid > .elementor-widget-container {\n    flex-direction: column;\n}\n\n.marqueeWrapper.marqueeVertical .elementor-loop-container.elementor-grid {\n    grid-auto-flow: row;\n}\n\n\/* control the width of vertical marquee loop grid under the loop grid element > advanced tab > custom width control *\/\n\n\/* end of vertical loop grid *\/\n\n\/* \n*\n* END OF CSS for the Loop Grid\n*\n*\/\n\n\n\n\n\/*\n*\n* CSS for the Vertical Marquee with Headings\n*\n*\/\n.marqueeVertical.marqueeVertical {\n    flex-direction: column;\n    width: fit-content;\n    flex-shrink: 0;\n}\n\n.marqueeVertical .marqueeContainer {\n    flex-direction: column;\n}\n\n.marqueeVertical .marqueeItem .elementor-heading-title {\nwriting-mode: vertical-lr;\ntransform: rotate(180deg);\nwhite-space: nowrap;\n}\n\n\/*\n*\n* END OF CSS for the Vertical Marquee with Headings\n*\n*\/\n\n\n\/*\n*\n* CSS for the gradient edges\n*\n*\/\n\n.marqueeWrapper:not(.marqueeVertical) {\n    --mask-size: 0;\n    -webkit-mask: linear-gradient(90deg, transparent, white var(--mask-size), white calc(100% - var(--mask-size)), transparent);\n}\n\n.marqueeVertical.marqueeVertical {\n    --mask-size: 0;\n    -webkit-mask: linear-gradient(0deg, transparent, white var(--mask-size), white calc(100% - var(--mask-size)), transparent);\n}\n\n@media (max-width:1024px) {\n    \n.marqueeWrapper:not(.marqueeVertical) {\n    --mask-size-tablet: 0;\n    -webkit-mask: linear-gradient(90deg, transparent, white var(--mask-size-tablet), white calc(100% - var(--mask-size-tablet)), transparent);\n}\n\n.marqueeVertical.marqueeVertical {\n    --mask-size-tablet: 0;\n    -webkit-mask: linear-gradient(0deg, transparent, white var(--mask-size-tablet), white calc(100% - var(--mask-size-tablet)), transparent);\n}\n\n}\n\n@media (max-width:767px)  {\n    .marqueeWrapper:not(.marqueeVertical) {\n    --mask-size-mobile: 0;\n    -webkit-mask: linear-gradient(90deg, transparent, white var(--mask-size-mobile), white calc(100% - var(--mask-size-mobile)), transparent);\n}\n\n.marqueeVertical.marqueeVertical {\n    --mask-size: 0;\n    -webkit-mask: linear-gradient(0deg, transparent, white var(--mask-size-mobile), white calc(100% - var(--mask-size-mobile)), transparent);\n}\n\n}\n\n\/*\n*\n* END OF CSS for the gradient edges\n\n*\n*\/\n\n\n@keyframes translateXAnim {\n    0% {\n        transform: translateX(100%);\n    }\n\n    100% {\n        transform: translateX(-100%);\n    }\n}\n\n@keyframes translateXAnim2 {\n    0% {\n        transform: translateX(0);\n    }\n\n    100% {\n        transform: translateX(-200%);\n    }\n}\n@keyframes translateYAnim {\n    0% {\n        transform: translateY(100%);\n    }\n\n    100% {\n        transform: translateY(-100%);\n    }\n}\n\n@keyframes translateYAnim2 {\n    0% {\n        transform: translateY(0);\n    }\n\n    100% {\n        transform: translateY(-200%);\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-911a174 e-flex e-con-boxed e-con e-parent\" data-id=\"911a174\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c78b298 mediumhead elementor-widget elementor-widget-iqonic_title\" data-id=\"c78b298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"iqonic_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<div class=\"center nicol-title-box\">\n\n\n\t\n\t\t\t<!-- before subtitle start -->\n\t\t\t\t\t\t\t<div class=\"nicol-subtitle-wrap nicol-subtitle-before\">\n\t\t\t\t\t<h6 class=\"nicol-subtitle\">PRojekte<\/h6>\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- before subtitle end -->\n\n\t\t\t<!-- title start -->\n\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"nicol-title nicol-heading-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t Modern &amp; digital <span class='highlighted-text-wrap wow'> erfolgreich.<\/span>\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t<!-- title end -->\n\n\t\t\t<!-- after subtitle start -->\n\t\t\t\t\t\t<!-- after subtitle end -->\n\n\t\t\t<!-- description start -->\n\t\t\t\t\t\t<!-- description end -->\n\n\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f91ac5 e-flex e-con-boxed e-con e-parent\" data-id=\"6f91ac5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37a5d78 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-portfolio\" data-id=\"37a5d78\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:34,&quot;sizes&quot;:[]},&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;item_ratio&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.66000000000000003108624468950438313186168670654296875,&quot;sizes&quot;:[]},&quot;item_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-portfolio__filters\">\n\t\t\t<li class=\"elementor-portfolio__filter elementor-active\" tabindex=\"0\" data-filter=\"__all\">All<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"10\">Digital Marketing<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"22\">Digital Services<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"21\">E-Commerce<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"19\">SEA<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"18\">SEO<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"8\">Webdevelopment<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<div class=\"elementor-portfolio elementor-grid elementor-posts-container\" role=\"list\">\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-10 post-41851 showcase type-showcase status-publish has-post-thumbnail hentry category-digital-marketing\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/bikepass.eu\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/mockup-bp-768x512.avif\" class=\"attachment-medium_large size-medium_large wp-image-41852\" alt=\"\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/mockup-bp-768x512.avif 768w, https:\/\/csw.agency\/wp-content\/uploads\/mockup-bp-300x200.avif 300w, https:\/\/csw.agency\/wp-content\/uploads\/mockup-bp-1024x683.avif 1024w, https:\/\/csw.agency\/wp-content\/uploads\/mockup-bp.avif 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tBikePass\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-18 elementor-filter-8 post-41292 showcase type-showcase status-publish has-post-thumbnail hentry category-seo category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/kloepfel-consulting.com\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/webdesign-kloepfel-768x512.png\" class=\"attachment-medium_large size-medium_large wp-image-41293\" alt=\"Laptop mit einer Webseite von Kloepfel, die Dienstleistungen auf gelbem Hintergrund zeigt.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/webdesign-kloepfel-768x512.png 768w, https:\/\/csw.agency\/wp-content\/uploads\/webdesign-kloepfel-300x200.png 300w, https:\/\/csw.agency\/wp-content\/uploads\/webdesign-kloepfel-1024x683.png 1024w, https:\/\/csw.agency\/wp-content\/uploads\/webdesign-kloepfel.png 1248w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tKLOEPFEL BY EPSA\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-8 post-37453 showcase type-showcase status-publish has-post-thumbnail hentry category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/stopp-adipositas.ch\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/stopp-adipositas-768x512.jpg\" class=\"attachment-medium_large size-medium_large wp-image-37454\" alt=\"Laptop zeigt eine Webseite mit Informationen zur Adipositas und gesunder Ern\u00e4hrung.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/stopp-adipositas-768x512.jpg 768w, https:\/\/csw.agency\/wp-content\/uploads\/stopp-adipositas-300x200.jpg 300w, https:\/\/csw.agency\/wp-content\/uploads\/stopp-adipositas-1024x683.jpg 1024w, https:\/\/csw.agency\/wp-content\/uploads\/stopp-adipositas.jpg 1500w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tStopp Adipositas\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-8 post-31874 showcase type-showcase status-publish has-post-thumbnail hentry category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/mutig-magazin.de\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/mutigmockup-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-image-31875\" alt=\"Ein Laptop zeigt die MUTIG-Website auf einem Tisch mit einer Tasse Kaffee und einem Dessert.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/mutigmockup-768x512.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/mutigmockup-300x200.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/mutigmockup-1024x683.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/mutigmockup-1536x1024.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/mutigmockup-2048x1365.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tHandwerkskammer D\u00fcsseldorf\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-18 elementor-filter-8 post-31868 showcase type-showcase status-publish has-post-thumbnail hentry category-seo category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.kup-consult.de\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/kupmockup-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-image-31869\" alt=\"Ein Laptop zeigt eine Webseite mit Informationen zur Gastronomie auf einem Tisch.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/kupmockup-768x512.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/kupmockup-300x200.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/kupmockup-1024x683.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/kupmockup-1536x1024.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/kupmockup-2048x1365.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tK&#038;P Consulting\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-18 elementor-filter-8 post-31865 showcase type-showcase status-publish has-post-thumbnail hentry category-seo category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.gesundheitszentrum-lang.de\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/gzmockup-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-image-31866\" alt=\"Laptop auf einem Tisch mit offener Webseite des RehaZentrums, zeigt Informationen \u00fcber Rehabilitation.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/gzmockup-768x576.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/gzmockup-300x225.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/gzmockup-1024x768.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/gzmockup-1536x1152.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/gzmockup-2048x1536.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tGesundheitszentrum Lang\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-8 post-31862 showcase type-showcase status-publish has-post-thumbnail hentry category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/foodexplorer.com\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/foodexplorer-mockup-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-image-31863\" alt=\"Ein Laptop zeigt eine Event Catering Website mit verschiedenen Gerichten auf dem Bildschirm.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/foodexplorer-mockup-768x512.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/foodexplorer-mockup-300x200.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/foodexplorer-mockup-1024x683.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/foodexplorer-mockup-1536x1024.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/foodexplorer-mockup-2048x1365.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tFoodexplorer\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-22 post-25057 showcase type-showcase status-publish has-post-thumbnail hentry category-digital-services\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/sweo.io\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/sweomockup-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-image-31861\" alt=\"Ein Laptop zeigt eine Website mit modularen Services f\u00fcr digitale Auftritte.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/sweomockup-768x512.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/sweomockup-300x200.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/sweomockup-1024x683.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/sweomockup-1536x1024.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/sweomockup-2048x1365.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tSweo.io\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-18 elementor-filter-8 post-25043 showcase type-showcase status-publish has-post-thumbnail hentry category-seo category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/steeco-germany.com\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/steeco-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-image-25036\" alt=\"Laptop, der die Steeco-Website mit Informationen zur H\u00fcttenindustrie anzeigt.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/steeco-768x512.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/steeco-300x200.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/steeco-1024x683.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/steeco-1536x1024.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/steeco.webp 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tSteeco\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-21 elementor-filter-19 elementor-filter-18 post-25042 showcase type-showcase status-publish has-post-thumbnail hentry category-e-commerce category-sea category-seo\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.deuka-companion.com\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/deukacompanion-768x512.jpeg\" class=\"attachment-medium_large size-medium_large wp-image-25031\" alt=\"Laptop, der die Website von Deuka mit einer Produktanzeige f\u00fcr Limited Edition zeigt.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/deukacompanion-768x512.jpeg 768w, https:\/\/csw.agency\/wp-content\/uploads\/deukacompanion-300x200.jpeg 300w, https:\/\/csw.agency\/wp-content\/uploads\/deukacompanion-1024x683.jpeg 1024w, https:\/\/csw.agency\/wp-content\/uploads\/deukacompanion-1536x1024.jpeg 1536w, https:\/\/csw.agency\/wp-content\/uploads\/deukacompanion.jpeg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tDeuka companion\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-8 post-25039 showcase type-showcase status-publish has-post-thumbnail hentry category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/911-outlaw.com\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/outlaw-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-image-25034\" alt=\"Mann, der auf einem Laptop sitzt und eine digitale Pr\u00e4sentation betrachtet.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/outlaw-768x512.webp 768w, https:\/\/csw.agency\/wp-content\/uploads\/outlaw-300x200.webp 300w, https:\/\/csw.agency\/wp-content\/uploads\/outlaw-1024x683.webp 1024w, https:\/\/csw.agency\/wp-content\/uploads\/outlaw-1536x1024.webp 1536w, https:\/\/csw.agency\/wp-content\/uploads\/outlaw.webp 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tPorsche 911 Outlaw\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-10 elementor-filter-19 elementor-filter-18 elementor-filter-8 post-25026 showcase type-showcase status-publish has-post-thumbnail hentry category-digital-marketing category-sea category-seo category-webdevelopment\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.placetobe.com\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/csw.agency\/wp-content\/uploads\/placetobe-768x512.jpeg\" class=\"attachment-medium_large size-medium_large wp-image-25027\" alt=\"Laptop mit einer Stadtansicht und dem Text &#039;Live-Kommunikation auf einem neuen Niveau&#039; auf dem Bildschirm.\" srcset=\"https:\/\/csw.agency\/wp-content\/uploads\/placetobe-768x512.jpeg 768w, https:\/\/csw.agency\/wp-content\/uploads\/placetobe-300x200.jpeg 300w, https:\/\/csw.agency\/wp-content\/uploads\/placetobe-1024x683.jpeg 1024w, https:\/\/csw.agency\/wp-content\/uploads\/placetobe-1536x1024.jpeg 1536w, https:\/\/csw.agency\/wp-content\/uploads\/placetobe.jpeg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tPlace to be\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Colorful World of Clients A huge thank you! In our over 15 years of agency history, we have had the privilege of accompanying hundreds of exciting projects. In doing so, we have gained many valuable insights into a wide variety of industries. Whether you are a sole proprietor, a medium-sized business, or a corporation: together, we will secure your place in the digital market. Projects Modern &amp; Digital Success.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-21619","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSW.AGENCY \u00bb Showcases<\/title>\n<meta name=\"description\" content=\"Ein riesengro\u00dfes Dankesch\u00f6n! In unseren \u00fcber zw\u00f6lf Jahren Agenturgeschichte durften wir mittlerweile hunderte spannende Projekte begleiten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/csw.agency\/en\/showcases\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Showcases von CSW.AGENCY - Kundenprojekte\" \/>\n<meta property=\"og:description\" content=\"Sehen Sie sich unsere beeindruckenden Kundenprojekte an!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/csw.agency\/en\/showcases\/\" \/>\n<meta property=\"og:site_name\" content=\"CSW.AGENCY\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T22:07:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/CSW-53-scaled-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Showcases von CSW.AGENCY - Kundenprojekte\" \/>\n<meta name=\"twitter:description\" content=\"Sehen Sie sich unsere beeindruckenden Kundenprojekte an!\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSW.AGENCY \u00bb Showcases","description":"A huge thank you! In our more than twelve years of agency history, we have been able to accompany hundreds of exciting projects.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/csw.agency\/en\/showcases\/","og_locale":"en_US","og_type":"article","og_title":"Showcases von CSW.AGENCY - Kundenprojekte","og_description":"Sehen Sie sich unsere beeindruckenden Kundenprojekte an!","og_url":"https:\/\/csw.agency\/en\/showcases\/","og_site_name":"CSW.AGENCY","article_modified_time":"2026-03-06T22:07:42+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/csw.agency\/wp-content\/uploads\/2024\/01\/CSW-53-scaled-2.jpg","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Showcases von CSW.AGENCY - Kundenprojekte","twitter_description":"Sehen Sie sich unsere beeindruckenden Kundenprojekte an!","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/csw.agency\/showcases\/","url":"https:\/\/csw.agency\/showcases\/","name":"CSW.AGENCY \u00bb Showcases","isPartOf":{"@id":"https:\/\/csw.agency\/#website"},"datePublished":"2024-01-03T18:09:28+00:00","dateModified":"2026-03-06T22:07:42+00:00","description":"A huge thank you! In our more than twelve years of agency history, we have been able to accompany hundreds of exciting projects.","breadcrumb":{"@id":"https:\/\/csw.agency\/showcases\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/csw.agency\/showcases\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/csw.agency\/showcases\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/csw.agency\/"},{"@type":"ListItem","position":2,"name":"Showcases"}]},{"@type":"WebSite","@id":"https:\/\/csw.agency\/#website","url":"https:\/\/csw.agency\/","name":"CSW.AGENCY","description":"Ready For The Future","publisher":{"@id":"https:\/\/csw.agency\/#organization"},"alternateName":"CSW","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/csw.agency\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/csw.agency\/#organization","name":"CSW.AGENCY","alternateName":"CSW","url":"https:\/\/csw.agency\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csw.agency\/#\/schema\/logo\/image\/","url":"https:\/\/csw.agency\/wp-content\/uploads\/csw_quadrat_blau_HQ2.webp","contentUrl":"https:\/\/csw.agency\/wp-content\/uploads\/csw_quadrat_blau_HQ2.webp","width":1000,"height":1000,"caption":"CSW.AGENCY"},"image":{"@id":"https:\/\/csw.agency\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/csw.agency\/"],"description":"Digital agency from D\u00fcsseldorf with a focus on SEO, GEO, SEA web development &amp; web design","email":"hello@csw.agency","telephone":"+49 (0) 211 781 777 4 0","legalName":"CSW.AGENCY e.K.","foundingDate":"2011-01-01","vatID":"DE299330840","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}},"_links":{"self":[{"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/pages\/21619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/comments?post=21619"}],"version-history":[{"count":10,"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/pages\/21619\/revisions"}],"predecessor-version":[{"id":42923,"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/pages\/21619\/revisions\/42923"}],"wp:attachment":[{"href":"https:\/\/csw.agency\/en\/wp-json\/wp\/v2\/media?parent=21619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}