{"id":9368,"date":"2025-10-08T12:31:31","date_gmt":"2025-10-08T12:31:31","guid":{"rendered":"https:\/\/lippert-studios.com\/?page_id=9368"},"modified":"2026-02-20T13:55:49","modified_gmt":"2026-02-20T13:55:49","slug":"projekte","status":"publish","type":"page","link":"https:\/\/lippert-studios.com\/en\/projekte\/","title":{"rendered":"Projects"},"content":{"rendered":"<?xml encoding=\"UTF-8\"><?xml encoding=\"UTF-8\"><div data-elementor-type=\"wp-page\" data-elementor-id=\"9368\" class=\"elementor elementor-9368\">\n\t\t\t\t<div class=\"elementor-element elementor-element-647d896 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"647d896\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c66a4 elementor-widget elementor-widget-heading\" data-id=\"76c66a4\" 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\">Alle Projekte<\/h1>\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-cecb331 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"cecb331\" 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-44bfb3f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"44bfb3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-019c551 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"019c551\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\",\"position\":\"absolute\",\"animation\":\"fadeIn\",\"animation_delay\":300}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-7317526 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7317526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-fire\" viewbox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 23.86c0-23.8-30.65-32.77-44.15-13.04C48 191.85 224 200 224 288c0 35.63-29.11 64.46-64.85 63.99-35.17-.45-63.15-29.77-63.15-64.94v-85.51c0-21.7-26.47-32.23-41.43-16.5C27.8 213.16 0 261.33 0 320c0 105.87 86.13 192 192 192s192-86.13 192-192c0-170.29-168-193-168-296.14z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5353938 elementor-widget elementor-widget-text-editor\" data-id=\"5353938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Spotlight<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-433f00c elementor-widget elementor-widget-shortcode\" data-id=\"433f00c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"projekte-grid\">\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/enerkite-ek100\/\" class=\"projekt-item pi-0\" data-slideshow=\"true\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/673d7dec88dd1bf6df6406e40d11576dbeba6c61-frame-32.jpg.jpg\" alt=\"\" draggable=\"false\">\r\n                                                    <img class=\"projekt-bg \" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/Zeichnung.png\" alt=\"\" draggable=\"false\">\r\n                                                    <img class=\"projekt-bg \" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/NRK_Dubai_Final.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Produktdesign einer Flugwindkraftanlage<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/delta-drive\/\" class=\"projekt-item pi-1\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/11\/Render_1-scaled.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Aufbau von Linearaktuatoren<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/acs-05\/\" class=\"projekt-item pi-2\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/acs-05.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">&Ouml;kologische Klimaanlage<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/duomat-9\/\" class=\"projekt-item pi-3\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/duomat-9.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Krankenhausbett Motor Design<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/lab-box\/\" class=\"projekt-item pi-4\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2026\/02\/LBX_Cover.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Brettspiel Design<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/livar\/\" class=\"projekt-item pi-5\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/livar.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Barrierefreies Waschbecken<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/f-drive\/\" class=\"projekt-item pi-6\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/f-drive.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Universell einsetzbarer Sesselmotor<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/enerkite-messeauftritt\/\" class=\"projekt-item pi-7\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/250116_Lst_EK-Mese-Grid1.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Messeauftritt f&uuml;r EnerK&iacute;te<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/elektrischer-handwagen\/\" class=\"projekt-item pi-0\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/09\/rehmus.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Elektrischer Handwagen<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/recycling-mobil\/\" class=\"projekt-item pi-1\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/slitzomattn.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Produktentwurf f&uuml;r eine Recyclingmaschine<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/nevi-messauftitt\/\" class=\"projekt-item pi-2\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/08\/thumbnail.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Messauftitt f&uuml;r Nevi<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/kappsaege\/\" class=\"projekt-item pi-3\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/09\/Kappsage.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Kapps&auml;ge<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/event-aktionsgrafik\/\" class=\"projekt-item pi-4\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/10\/Unbenannt.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Event- &amp; Aktionsgrafik<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/betula-veneer\/\" class=\"projekt-item pi-5\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/betula.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Neue Anwendung von Verbundwerkstoffen<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/webauftritt-foerderverein\/\" class=\"projekt-item pi-6\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/09\/FOV_Webauftritt-Thumbnail.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Webauftritt F&ouml;rderverein<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/speedtrainer\/\" class=\"projekt-item pi-7\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/11\/speedtrainer-10-1.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Produktdesign eines EMS-Ger&auml;ts<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/veromobi\/\" class=\"projekt-item pi-0\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/veromobi.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Produktdesign von Baubeschl&auml;gen<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/berliner-gestaltertag\/\" class=\"projekt-item pi-1\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/09\/Meisterbuch_2025_offen-scaled-1-e1758620465388.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Berliner Gestaltertag<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/hubelino\/\" class=\"projekt-item pi-2\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/02\/HUB_Cover_2-1-e1739970495211.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Design von Kinderspielen<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/janosch-angelspiel\/\" class=\"projekt-item pi-3\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/10\/140819_JANOSCH_Render_03_Post-scaled.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Entwurf von Geschichtenspielen f&uuml;r Kinder<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/pierreo\/\" class=\"projekt-item pi-4\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/pierreo2.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Pierreo<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/hwk-ligna\/\" class=\"projekt-item pi-5\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/65a1310894155bc0c3189430717e68795a206858-4x3sideview-corner-e1737981684819.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">HWK Ligna Messeauftritt<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/technologie-stiftung-berlin\/\" class=\"projekt-item pi-6\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/TSB.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Marketing<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Technologie-stiftung Berlin<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/quick-shelf\/\" class=\"projekt-item pi-7\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/05\/quickshelf.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Cordia Quick-Shelf<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/modula\/\" class=\"projekt-item pi-0\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/05\/modula.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Modula<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/sekretar-ps-08\/\" class=\"projekt-item pi-1\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/02\/PS08_02_H_neu-300x175-2.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Solit&auml;rm&ouml;bel<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/green-partition\/\" class=\"projekt-item pi-2\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/green.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Green Partition<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/skyline\/\" class=\"projekt-item pi-3\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/skyline.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Skyline<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/zorro\/\" class=\"projekt-item pi-4\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/06\/Zorro_Cover.webp\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Zorro<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/teeturm\/\" class=\"projekt-item pi-5\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/teeturm.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Teeturm<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/funio\/\" class=\"projekt-item pi-6\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/funio.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Funio<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/handbrausen\/\" class=\"projekt-item pi-7\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/02\/tom.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Armaturen f&uuml;r die Dusche- Handbrausen&#8203;<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/prato-sidetable\/\" class=\"projekt-item pi-0\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/prato.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Medienproduktion<\/span>\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Prato Sidetable<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/coffee-table-book\/\" class=\"projekt-item pi-1\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/coffe-table-book.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                            <div class=\"projekt-tags\">\r\n                                                            <span class=\"projekt-tag\">Produktentwicklung<\/span>\r\n                                                    <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Coffee Table Book<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/hubelino-spiele\/\" class=\"projekt-item pi-2\">\r\n                <div class=\"projekt-thumb\">\r\n                    <!-- Skeleton -->\r\n                    <div class=\"projekt-skeleton\"><\/div>\r\n                    <div class=\"projekt-zoom\">\r\n                                                    <img class=\"projekt-bg is-active\" data-src=\"https:\/\/lippert-studios.com\/wp-content\/uploads\/2025\/01\/Frame-82.jpg\" alt=\"\" draggable=\"false\">\r\n                                            <\/div>\r\n                                        <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"blur-layer\"><\/div>\r\n                    <div class=\"projekt-overlay\">\r\n                        <span class=\"projekt-title\">Design von Kinderlernspiele<\/span>\r\n                        <span class=\"projekt-arrow\">\r\n                            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            <\/div>\r\n    <style>\r\n        .projekte-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 8px;\r\n        }\r\n        .projekt-item.pi-0 { grid-column: span 6; }\r\n        .pi-0 .projekt-thumb { height: 520px; }\r\n        .projekt-item.pi-1,\r\n        .projekt-item.pi-2,\r\n        .projekt-item.pi-3 { grid-column: span 2; }\r\n        .pi-1 .projekt-thumb,\r\n        .pi-2 .projekt-thumb,\r\n        .pi-3 .projekt-thumb { height: 360px; }\r\n        .projekt-item.pi-4 { grid-column: span 4; }\r\n        .pi-4 .projekt-thumb { height: 400px; }\r\n        .projekt-item.pi-5 { grid-column: span 2; }\r\n        .pi-5 .projekt-thumb { height: 400px; }\r\n        .projekt-item.pi-6 { grid-column: span 2; }\r\n        .pi-6 .projekt-thumb { height: 400px; }\r\n        .projekt-item.pi-7 { grid-column: span 4; }\r\n        .pi-7 .projekt-thumb { height: 400px; }\r\n\r\n        .projekt-item {\r\n            display: block;\r\n            border-radius: 14px;\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n        \/* Fade-Animation nur wenn JS die Klasse setzt *\/\r\n        .projekt-item.will-animate {\r\n            opacity: 0;\r\n            transform: translateY(16px);\r\n            transition: opacity 0.5s ease-out, transform 0.5s ease-out;\r\n        }\r\n        .projekt-item.is-visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .projekt-thumb {\r\n            position: relative;\r\n            border-radius: 14px;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            background-color: #e8e8e8;\r\n        }\r\n\r\n        \/* Skeleton Loader *\/\r\n        .projekt-skeleton {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 0;\r\n            background: linear-gradient(\r\n                110deg,\r\n                #e8e8e8 0%,\r\n                #e8e8e8 30%,\r\n                #f5f5f5 50%,\r\n                #e8e8e8 70%,\r\n                #e8e8e8 100%\r\n            );\r\n            background-size: 200% 100%;\r\n            animation: skeleton-shimmer 1.5s ease-in-out infinite;\r\n        }\r\n        @keyframes skeleton-shimmer {\r\n            0% { background-position: 200% 0; }\r\n            100% { background-position: -200% 0; }\r\n        }\r\n        .projekt-thumb.is-loaded .projekt-skeleton {\r\n            display: none;\r\n        }\r\n\r\n        \/* Zoom-Container *\/\r\n        .projekt-zoom {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        .projekt-item:hover .projekt-zoom {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        \/* Bilder *\/\r\n        .projekt-bg {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%;\r\n            height: 100% !important;\r\n            object-fit: cover;\r\n            z-index: 1;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n        .projekt-thumb.is-loaded .projekt-bg {\r\n            opacity: 1;\r\n        }\r\n        .projekt-thumb.is-loaded .projekt-bg:not(.is-active) {\r\n            opacity: 1;\r\n        }\r\n        .projekt-bg.is-active {\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Gradient *\/\r\n        .projekt-thumb::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 35%;\r\n            background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Progressive Blur *\/\r\n        .projekt-thumb .blur-layer {\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            z-index: 3;\r\n            pointer-events: none;\r\n        }\r\n        .projekt-thumb .blur-layer:nth-child(1) {\r\n            height: 30%;\r\n            backdrop-filter: blur(1px);\r\n            -webkit-backdrop-filter: blur(1px);\r\n            mask-image: linear-gradient(to top, white, transparent);\r\n            -webkit-mask-image: linear-gradient(to top, white, transparent);\r\n        }\r\n        .projekt-thumb .blur-layer:nth-child(2) {\r\n            height: 22%;\r\n            backdrop-filter: blur(4px);\r\n            -webkit-backdrop-filter: blur(4px);\r\n            mask-image: linear-gradient(to top, white, transparent);\r\n            -webkit-mask-image: linear-gradient(to top, white, transparent);\r\n        }\r\n        .projekt-thumb .blur-layer:nth-child(3) {\r\n            height: 14%;\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            mask-image: linear-gradient(to top, white, transparent);\r\n            -webkit-mask-image: linear-gradient(to top, white, transparent);\r\n        }\r\n        .projekt-thumb .blur-layer:nth-child(4) {\r\n            height: 7%;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            mask-image: linear-gradient(to top, white, transparent);\r\n            -webkit-mask-image: linear-gradient(to top, white, transparent);\r\n        }\r\n\r\n        \/* Tags *\/\r\n        .projekt-tags {\r\n            position: absolute;\r\n            top: 10px;\r\n            left: 10px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 5px;\r\n            z-index: 5;\r\n            pointer-events: none;\r\n        }\r\n        .projekt-tag {\r\n            background: rgb(0 0 0 \/ 22%);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            color: #fff;\r\n            font-size: 10px;\r\n            font-weight: 500;\r\n            font-family: \"Inter\", sans-serif;\r\n            padding: 4px 10px;\r\n            border-radius: 100px;\r\n            letter-spacing: 0.4px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Overlay *\/\r\n        .projekt-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            color: #fff;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n            padding: 18px 22px;\r\n            font-size: 17px;\r\n            z-index: 4;\r\n            background: none;\r\n        }\r\n        .projekt-title {\r\n            font-weight: 400;\r\n            font-family: \"Inter\", sans-serif;\r\n            letter-spacing: -0.2px;\r\n        }\r\n        .projekt-arrow {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 32px;\r\n            height: 32px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.15);\r\n            backdrop-filter: blur(6px);\r\n            -webkit-backdrop-filter: blur(6px);\r\n            opacity: 0;\r\n            transform: translateX(-6px);\r\n            transition: opacity 0.3s ease, transform 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n        .projekt-item:hover .projekt-arrow {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .projekte-grid { grid-template-columns: repeat(4, 1fr); }\r\n            .projekt-item.pi-0 { grid-column: span 4; }\r\n            .pi-0 .projekt-thumb { height: 400px; }\r\n            .projekt-item.pi-1,\r\n            .projekt-item.pi-2 { grid-column: span 2; }\r\n            .projekt-item.pi-3 { grid-column: span 4; }\r\n            .pi-1 .projekt-thumb,\r\n            .pi-2 .projekt-thumb,\r\n            .pi-3 .projekt-thumb { height: 300px; }\r\n            .projekt-item.pi-4,\r\n            .projekt-item.pi-7 { grid-column: span 4; }\r\n            .projekt-item.pi-5,\r\n            .projekt-item.pi-6 { grid-column: span 2; }\r\n            .pi-4 .projekt-thumb,\r\n            .pi-5 .projekt-thumb,\r\n            .pi-6 .projekt-thumb,\r\n            .pi-7 .projekt-thumb { height: 320px; }\r\n        }\r\n        @media (max-width: 600px) {\r\n            .projekte-grid { grid-template-columns: 1fr; gap: 6px; }\r\n            .projekt-item.pi-0,\r\n            .projekt-item.pi-1,\r\n            .projekt-item.pi-2,\r\n            .projekt-item.pi-3,\r\n            .projekt-item.pi-4,\r\n            .projekt-item.pi-5,\r\n            .projekt-item.pi-6,\r\n            .projekt-item.pi-7 { grid-column: span 1; }\r\n            .pi-0 .projekt-thumb { height: 280px; }\r\n            .pi-1 .projekt-thumb,\r\n            .pi-2 .projekt-thumb,\r\n            .pi-3 .projekt-thumb,\r\n            .pi-4 .projekt-thumb,\r\n            .pi-5 .projekt-thumb,\r\n            .pi-6 .projekt-thumb,\r\n            .pi-7 .projekt-thumb { height: 240px; }\r\n            .projekt-overlay { padding: 14px 18px; font-size: 15px; }\r\n            .projekt-arrow { opacity: 1; transform: translateX(0); }\r\n        }\r\n    <\/style>\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        var items = document.querySelectorAll('.projekt-item');\r\n\r\n        \/\/ Sofort alle Items f&uuml;r Animation vorbereiten\r\n        items.forEach(function(item) {\r\n            item.classList.add('will-animate');\r\n        });\r\n\r\n        \/\/ Lazy Loading: Bilder erst laden wenn Item in den Viewport kommt\r\n        var imageObserver = new IntersectionObserver(function(entries, obs) {\r\n            entries.forEach(function(entry) {\r\n                if (!entry.isIntersecting) return;\r\n                var item = entry.target;\r\n                var thumb = item.querySelector('.projekt-thumb');\r\n                var imgs = item.querySelectorAll('.projekt-bg[data-src]');\r\n                var total = imgs.length;\r\n                var loaded = 0;\r\n\r\n                if (total === 0) {\r\n                    thumb.classList.add('is-loaded');\r\n                    return;\r\n                }\r\n\r\n                imgs.forEach(function(img) {\r\n                    var src = img.getAttribute('data-src');\r\n                    img.onload = function() {\r\n                        loaded++;\r\n                        \/\/ Erst wenn das erste (aktive) Bild geladen ist, Skeleton entfernen\r\n                        if (img.classList.contains('is-active') || loaded === total) {\r\n                            thumb.classList.add('is-loaded');\r\n                        }\r\n                    };\r\n                    img.onerror = function() {\r\n                        loaded++;\r\n                        if (loaded === total) {\r\n                            thumb.classList.add('is-loaded');\r\n                        }\r\n                    };\r\n                    img.src = src;\r\n                    img.removeAttribute('data-src');\r\n                });\r\n\r\n                obs.unobserve(item);\r\n            });\r\n        }, {\r\n            rootMargin: '200px'\r\n        });\r\n\r\n        \/\/ Fade-in Observer\r\n        var fadeObserver = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry, index) {\r\n                if (entry.isIntersecting) {\r\n                    setTimeout(function() {\r\n                        entry.target.classList.add('is-visible');\r\n                    }, index * 80);\r\n                    fadeObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -40px 0px'\r\n        });\r\n\r\n        items.forEach(function(item) {\r\n            imageObserver.observe(item);\r\n            fadeObserver.observe(item);\r\n        });\r\n\r\n        \/\/ Slideshow\r\n        document.querySelectorAll('.projekt-item[data-slideshow]').forEach(function(item) {\r\n            var imgs = item.querySelectorAll('.projekt-bg');\r\n            if (imgs.length < 2) return;\r\n\r\n            var currentIndex = 0;\r\n            var interval = null;\r\n\r\n            item.addEventListener('mouseenter', function() {\r\n                interval = setInterval(function() {\r\n                    imgs[currentIndex].classList.remove('is-active');\r\n                    currentIndex = (currentIndex + 1) % imgs.length;\r\n                    imgs[currentIndex].classList.add('is-active');\r\n                }, 1000);\r\n            });\r\n\r\n            item.addEventListener('mouseleave', function() {\r\n                clearInterval(interval);\r\n                interval = null;\r\n                imgs.forEach(function(img) { img.classList.remove('is-active'); });\r\n                currentIndex = 0;\r\n                imgs[0].classList.add('is-active');\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n     <\/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","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-9368","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/9368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/comments?post=9368"}],"version-history":[{"count":76,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/9368\/revisions"}],"predecessor-version":[{"id":13297,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/9368\/revisions\/13297"}],"wp:attachment":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/media?parent=9368"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/tags?post=9368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}