{"id":15578,"date":"2026-07-08T14:13:07","date_gmt":"2026-07-08T12:13:07","guid":{"rendered":"https:\/\/lippert-studios.com\/?page_id=15578"},"modified":"2026-07-08T14:56:06","modified_gmt":"2026-07-08T12:56:06","slug":"produktdesign-berlin","status":"publish","type":"page","link":"https:\/\/lippert-studios.com\/en\/produktdesign-berlin\/","title":{"rendered":"Produktdesign Agentur Berlin | Lippert Studios"},"content":{"rendered":"<?xml encoding=\"UTF-8\"><?xml encoding=\"UTF-8\"><div data-elementor-type=\"wp-page\" data-elementor-id=\"15578\" class=\"elementor elementor-15578\">\n\t\t\t\t<section class=\"elementor-element elementor-element-db59a8b e-con e-atomic-element e-div-block-base g-e1fbd5f ls-section \" data-id=\"db59a8b\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"db59a8b\">\n    <div class=\"elementor-element elementor-element-705e6f6 e-con e-atomic-element e-flexbox-base g-7817e56 ls-section-content \" data-id=\"705e6f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"705e6f6\">\n    \t\t\t<h1 data-interaction-id=\"58c60a5\" class=\"g-3bb8ba9 e-58c60a5-e5debac h1 e-heading-base\">Produkte, die funktionieren, &uuml;berzeugen und sich fertigen lassen.<\/h1>\n\t\t\t\t\t<p class=\"e-f970187-395aecc e-paragraph-base\" data-interaction-id=\"f970187\">Lippert Studios ist Ihre Produktdesign Agentur in Berlin. Seit &uuml;ber 25 Jahren entwickeln wir Produkt-, Industrie- und Kommunikationsdesign von der ersten Idee bis zur Serienreife. Pr&auml;zise gestaltet, konsequent zu Ende gedacht.<\/p>\n\t\t<div class=\"elementor-element elementor-element-abb0556 e-con e-atomic-element e-flexbox-base e-abb0556-842ca60 \" data-id=\"abb0556\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"abb0556\">\n    \t\t\t<a href=\"https:\/\/lippert-studios.com\/en\/projekt-planen\/\" target=\"_self\" class=\"main-btn btn-blue e-button-base\" data-interaction-id=\"6d9ad00\">\n\t\tProjekt besprechen\n\t<\/a>\t\t\t\t\t<a href=\"https:\/\/lippert-studios.com\/en\/leistungen\/\" target=\"_self\" class=\"main-btn btn-grey btn-has-arrow e-button-base\" data-interaction-id=\"07fcf57\">\n\t\tLeistungen ansehen\n\t<\/a>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f18c23d e-con e-atomic-element e-flexbox-base e-f18c23d-e940830 \" data-id=\"f18c23d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f18c23d\">\n    <div class=\"elementor-element elementor-element-74fdebc e-con e-atomic-element e-div-block-base e-74fdebc-75e63d9 \" data-id=\"74fdebc\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"74fdebc\">\n    \t\t\t<p class=\"g-91f2dba pd-num e-paragraph-base\" data-interaction-id=\"fd0be01\">500+<\/p>\n\t\t\t\t\t<p class=\"g-a3f5de9 pd-lab e-paragraph-base\" data-interaction-id=\"6a4a31d\">Realisierte Projekte<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-816d858 e-con e-atomic-element e-div-block-base e-816d858-d539c58 \" data-id=\"816d858\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"816d858\">\n    \t\t\t<p class=\"g-91f2dba pd-num e-paragraph-base\" data-interaction-id=\"609bd2d\">25+<\/p>\n\t\t\t\t\t<p class=\"g-a3f5de9 pd-lab e-paragraph-base\" data-interaction-id=\"2efc47b\">Jahre Erfahrung<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8b25445 e-con e-atomic-element e-div-block-base e-8b25445-1afdea9 \" data-id=\"8b25445\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8b25445\">\n    \t\t\t<p class=\"g-91f2dba pd-num e-paragraph-base\" data-interaction-id=\"9dd9af7\">Berlin<\/p>\n\t\t\t\t\t<p class=\"g-a3f5de9 pd-lab e-paragraph-base\" data-interaction-id=\"fe7c03a\">Studio in Moabit<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-1c94503 e-con e-atomic-element e-div-block-base g-e1fbd5f e-1c94503-1551b27 ls-section \" data-id=\"1c94503\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"1c94503\">\n    <div class=\"elementor-element elementor-element-16eaa8d e-con e-atomic-element e-flexbox-base g-7817e56 ls-section-content \" data-id=\"16eaa8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"16eaa8d\">\n    \t\t\t<p class=\"pill e-c27bc64-99cd7a3 e-paragraph-base\" data-interaction-id=\"c27bc64\">Type your paragraph here<\/p>\n\t\t\t\t\t<h2 data-interaction-id=\"3813f65\" class=\"h2 e-3813f65-21dd9c0 e-heading-base\">Ein Prozess, der planbar bleibt<\/h2>\n\t\t\t\t\t<p class=\"text e-a05d0b0-03eb9ad e-paragraph-base\" data-interaction-id=\"a05d0b0\">Gutes Produktdesign ist kein Zufall, sondern Methode. Wir arbeiten in vier klar abgegrenzten Phasen, damit Sie an jedem Punkt wissen, wo Ihr Projekt steht.<\/p>\n\t\t<div class=\"elementor-element elementor-element-0c167c7 e-con e-atomic-element e-flexbox-base pd-grid \" data-id=\"0c167c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0c167c7\">\n    <article class=\"elementor-element elementor-element-fb5c4a6 e-con e-atomic-element e-flexbox-base pd-card g-9d20dfd e-fb5c4a6-39ad836 is-open \" data-id=\"fb5c4a6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fb5c4a6\">\n    \t\t\t<span class=\"g-45bcc07 pd-card-num e-paragraph-base\" data-interaction-id=\"ac57cfc\">Phase 01<\/span>\n\t\t<div class=\"elementor-element elementor-element-79407c4 e-con e-atomic-element e-div-block-base g-f31ca75 pd-card-body \" data-id=\"79407c4\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"79407c4\">\n    \t\t\t<h3 data-interaction-id=\"9681d5b\" class=\"g-9314462 pd-card-title e-heading-base\">Analyse<\/h3>\n\t\t<div class=\"elementor-element elementor-element-951a39b e-con e-atomic-element e-div-block-base g-1bc4f0b e-951a39b-2d95b1f pd-card-text-wrap \" data-id=\"951a39b\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"951a39b\">\n    <div class=\"elementor-element elementor-element-1b8bc66 e-con e-atomic-element e-div-block-base pd-card-text \" data-id=\"1b8bc66\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"1b8bc66\">\n    \t\t\t<p class=\"e-8ca9449-1d1d18f e-paragraph-base\" data-interaction-id=\"8ca9449\">Wir verstehen Produktziel, Markt, Nutzer und technische Rahmenbedingungen, bevor die erste Linie entsteht.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/article>\n<article class=\"elementor-element elementor-element-897e00f e-con e-atomic-element e-flexbox-base pd-card e-897e00f-7b4f4bb \" data-id=\"897e00f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"897e00f\">\n    \t\t\t<span class=\"g-45bcc07 pd-card-num e-paragraph-base\" data-interaction-id=\"7072f10\">Phase 02<\/span>\n\t\t<div class=\"elementor-element elementor-element-6bc7212 e-con e-atomic-element e-div-block-base g-f31ca75 pd-card-body \" data-id=\"6bc7212\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"6bc7212\">\n    \t\t\t<h3 data-interaction-id=\"65e1133\" class=\"g-9314462 pd-card-title e-heading-base\">Entwurf<\/h3>\n\t\t<div class=\"elementor-element elementor-element-20a8528 e-con e-atomic-element e-div-block-base g-1bc4f0b e-20a8528-aa98bff pd-card-text-wrap \" data-id=\"20a8528\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"20a8528\">\n    <div class=\"elementor-element elementor-element-63043ed e-con e-atomic-element e-div-block-base pd-card-text \" data-id=\"63043ed\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"63043ed\">\n    \t\t\t<p class=\"e-05e03b4-4d53e45 e-paragraph-base\" data-interaction-id=\"05e03b4\">Aus der Analyse entstehen Konzeptrichtungen, Skizzen und erste Visualisierungen zur gemeinsamen Bewertung.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/article>\n<article class=\"elementor-element elementor-element-0b9946d e-con e-atomic-element e-flexbox-base pd-card e-0b9946d-de36e92 \" data-id=\"0b9946d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0b9946d\">\n    \t\t\t<span class=\"g-45bcc07 pd-card-num e-paragraph-base\" data-interaction-id=\"c15c4b4\">Phase 03<\/span>\n\t\t<div class=\"elementor-element elementor-element-44674ac e-con e-atomic-element e-div-block-base g-f31ca75 pd-card-body \" data-id=\"44674ac\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"44674ac\">\n    \t\t\t<h3 data-interaction-id=\"4e101d5\" class=\"g-9314462 pd-card-title e-heading-base\">Ausarbeitung<\/h3>\n\t\t<div class=\"elementor-element elementor-element-2614a8f e-con e-atomic-element e-div-block-base g-1bc4f0b e-2614a8f-a4bee45 pd-card-text-wrap \" data-id=\"2614a8f\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2614a8f\">\n    <div class=\"elementor-element elementor-element-780b492 e-con e-atomic-element e-div-block-base pd-card-text \" data-id=\"780b492\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"780b492\">\n    \t\t\t<p class=\"e-dc535cf-0936b76 e-paragraph-base\" data-interaction-id=\"dc535cf\">Das Design wird fein spezifiziert. CAD, Renderings und Prototypen machen es pr&uuml;fbar und produktionsreif.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/article>\n<article class=\"elementor-element elementor-element-9199394 e-con e-atomic-element e-flexbox-base pd-card e-9199394-2325c04 \" data-id=\"9199394\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9199394\">\n    \t\t\t<span class=\"g-45bcc07 pd-card-num e-paragraph-base\" data-interaction-id=\"dda0a79\">Phase 04<\/span>\n\t\t<div class=\"elementor-element elementor-element-288c458 e-con e-atomic-element e-div-block-base g-f31ca75 pd-card-body \" data-id=\"288c458\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"288c458\">\n    \t\t\t<h3 data-interaction-id=\"b10af1c\" class=\"g-9314462 pd-card-title e-heading-base\">Fertigung<\/h3>\n\t\t<div class=\"elementor-element elementor-element-c46726a e-con e-atomic-element e-div-block-base g-1bc4f0b e-c46726a-29ecf16 pd-card-text-wrap \" data-id=\"c46726a\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"c46726a\">\n    <div class=\"elementor-element elementor-element-37bc1f8 e-con e-atomic-element e-div-block-base pd-card-text \" data-id=\"37bc1f8\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"37bc1f8\">\n    \t\t\t<p class=\"e-21930e4-2b7c881 e-paragraph-base\" data-interaction-id=\"21930e4\">Wir begleiten die Umsetzung bis zur Serie und stehen bei letzten Anpassungen an der Seite.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/article>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-fe04dae e-con e-atomic-element e-div-block-base g-e1fbd5f ls-section \" data-id=\"fe04dae\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"fe04dae\">\n    <div class=\"elementor-element elementor-element-b4c54c8 e-con e-atomic-element e-flexbox-base g-7817e56 e-b4c54c8-d8fa028 ls-section-content \" data-id=\"b4c54c8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b4c54c8\">\n    \t\t\t<h2 data-interaction-id=\"afc048e\" class=\"h2 e-afc048e-d092ff2 e-heading-base\">Ihre Produktdesign Agentur in Berlin<\/h2>\n\t\t\t\t\t<p class=\"text e-d99e026-6408139 e-paragraph-base\" data-interaction-id=\"d99e026\">Ein durchdachtes Produktdesign entscheidet dar&uuml;ber, ob ein Produkt am Markt wahrgenommen wird, sich verkauft und wirtschaftlich herstellbar bleibt. Als <strong id=\"e-mrbzcvyj-7ekll00\">Produktdesign Agentur in Berlin<\/strong> verbindet Lippert Studios gestalterische Qualit&auml;t mit technischem Verst&auml;ndnis. Wir gestalten nicht f&uuml;r den Award-Katalog, sondern f&uuml;r die reale Fertigung.<\/p>\n\t\t\t\t\t<p class=\"text e-paragraph-base\" data-interaction-id=\"13b23a4\">Seit &uuml;ber 25 Jahren entwickeln wir aus unserem Studio mittlerweile in Berlin-Moabit Produkte f&uuml;r Unternehmen unterschiedlichster Branchen. Vom Konsumgut &uuml;ber medizinnahe Ger&auml;te bis zu Investitionsg&uuml;tern und Maschinen. Dabei bleibt unser Anspruch konstant: Ein Produkt muss funktionieren, seine Marke transportieren und sich sauberer fertigen lassen als die L&ouml;sung davor.<\/p>\n\t\t\t\t\t<h3 data-interaction-id=\"a4fd352\" class=\"h3 e-a4fd352-6cb572e e-heading-base\">Warum Design und Entwicklung zusammengeh&ouml;ren<\/h3>\n\t\t\t\t\t<p class=\"text e-paragraph-base\" data-interaction-id=\"f51bde3\">Viele Projekte scheitern an der &Uuml;bergabe zwischen Gestaltung und Konstruktion. Wir vermeiden diesen Bruch, indem beide Disziplinen bei uns unter einem Dach zusammenlaufen. Die gestalterische Idee wird nicht in der technischen Umsetzung verw&auml;ssert, sondern konsequent bis zur Serienreife weitergef&uuml;hrt.<\/p>\n\t\t\t\t\t<h3 data-interaction-id=\"d60acb1\" class=\"h3 e-d60acb1-da88043 e-heading-base\">Industriedesign mit Blick auf die Fertigung<\/h3>\n\t\t\t\t\t<p class=\"text e-paragraph-base\" data-interaction-id=\"a0c8d1b\">Gutes <strong id=\"e-mrbzerwt-cwvw7lx\">Industriedesign <\/strong>resultiert in einem langlebigen, zeitlosen Produkt, das sich effizient herstellen l&auml;sst. Genau dieser letzte Punkt ist ein erheblicher Kostenhebel: Ein durchdachtes Design senkt Herstellungskosten, statt sie zu erh&ouml;hen. Wir gestalten mit diesem Bewusstsein von der ersten Skizze an.<\/p>\n\t\t\t\t\t<h3 data-interaction-id=\"64c0d95\" class=\"h3 e-64c0d95-9dc53eb e-heading-base\">Pers&ouml;nlich, in Berlin, mit klarem Ansprechpartner<\/h3>\n\t\t\t\t\t<p class=\"text e-paragraph-base\" data-interaction-id=\"bcbe110\">Bei Lippert Studios arbeiten Sie nicht mit einer anonymen Pipeline, sondern mit einem festen Team und einem klaren Ansprechpartner. Abstimmungen finden pers&ouml;nlich in unserem Studio in Berlin oder digital statt, je nachdem, was f&uuml;r Ihr Projekt sinnvoll ist. Wir arbeiten von Berlin aus bundesweit und international.<\/p>\n\t\t\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-8fa4461 e-con e-atomic-element e-div-block-base g-e1fbd5f e-8fa4461-d70cee3 ls-section \" data-id=\"8fa4461\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8fa4461\">\n    <div class=\"elementor-element elementor-element-77a9227 e-con e-atomic-element e-div-block-base e-77a9227-68233db ls-section-content \" data-id=\"77a9227\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"77a9227\">\n    \t\t\t<p class=\"e-404dd50-0cb3f09 pill e-paragraph-base\" data-interaction-id=\"404dd50\">Referenzen<\/p>\n\t\t\t\t\t<h2 data-interaction-id=\"8668c17\" class=\"h2 e-8668c17-0a69534 e-heading-base\">Ausgew&auml;hlte Projekte<\/h2>\n\t\t\t\t\t<p class=\"text e-c438aa9-36e3f1b e-paragraph-base\" data-interaction-id=\"c438aa9\">Ein Ausschnitt unserer Arbeit als Produktdesign Agentur in Berlin. Die vollst&auml;ndige &Uuml;bersicht finden Sie in unseren Projekten.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-828a7df elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"828a7df\" 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-home\" style=\"--phg-cols: 3;\">\r\n            <a href=\"https:\/\/lippert-studios.com\/en\/projekte\/motorisierte-premium-sonnenliege\/\" class=\"projekt-item \">\r\n        <div class=\"projekt-thumb\">\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\/06\/Kreuzfahrtschiff_MV2.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                <h3 class=\"projekt-title\">Motorisierte Premium-Sonnenliege<\/h3>\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-ek100\/\" class=\"projekt-item \" data-slideshow=\"true\">\r\n        <div class=\"projekt-thumb\">\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                <h3 class=\"projekt-title\">Produktdesign einer Flugwindkraftanlage &ndash; EnerK&iacute;te EK100<\/h3>\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 \">\r\n        <div class=\"projekt-thumb\">\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                <h3 class=\"projekt-title\">&Ouml;kologische Klimaanlage<\/h3>\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-home {\r\n            display: grid;\r\n            grid-template-columns: repeat(var(--phg-cols, 3), 1fr);\r\n            gap: 8px;\r\n        }\r\n        .projekte-grid-home .projekt-thumb { height: 300px; }\r\n\r\n        @media (max-width: 1024px) {\r\n            .projekte-grid-home { grid-template-columns: repeat(2, 1fr); }\r\n            .projekte-grid-home .projekt-thumb { height: 280px; }\r\n        }\r\n        @media (max-width: 600px) {\r\n            .projekte-grid-home { grid-template-columns: 1fr; gap: 6px; }\r\n            .projekte-grid-home .projekt-thumb { height: 240px; }\r\n        }\r\n    <\/style>\r\n        <style>\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        .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        .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        .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 { display: none; }\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 { transform: scale(1.03); }\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 { opacity: 1; }\r\n        .projekt-thumb.is-loaded .projekt-bg:not(.is-active) { opacity: 1; }\r\n        .projekt-bg.is-active { z-index: 2; }\r\n        .projekt-thumb::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 0; left: 0; 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        .projekt-thumb .blur-layer {\r\n            position: absolute;\r\n            left: 0; right: 0; 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        .projekt-tags {\r\n            position: absolute;\r\n            top: 10px; 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        .projekt-overlay {\r\n            position: absolute;\r\n            bottom: 0; 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        @media (max-width: 600px) {\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        items.forEach(function(item) { item.classList.add('will-animate'); });\r\n\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                if (total === 0) { thumb.classList.add('is-loaded'); return; }\r\n                imgs.forEach(function(img) {\r\n                    var src = img.getAttribute('data-src');\r\n                    img.onload = function() {\r\n                        loaded++;\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) { thumb.classList.add('is-loaded'); }\r\n                    };\r\n                    img.src = src;\r\n                    img.removeAttribute('data-src');\r\n                });\r\n                obs.unobserve(item);\r\n            });\r\n        }, { rootMargin: '200px' });\r\n\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        }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n\r\n        items.forEach(function(item) {\r\n            imageObserver.observe(item);\r\n            fadeObserver.observe(item);\r\n        });\r\n\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            var currentIndex = 0;\r\n            var interval = null;\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            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\t<a href=\"https:\/\/lippert-studios.com\/en\/projekte\/\" target=\"_self\" class=\"main-btn btn-has-arrow e-7954a0c-0f9807c e-button-base\" data-interaction-id=\"7954a0c\">\n\t\tAlle Projekte ansehen\n\t<\/a>\t\t\n<\/div>\n\n<\/section>\n<section class=\"elementor-element elementor-element-5bcd079 e-con e-atomic-element e-div-block-base g-e1fbd5f ls-section \" data-id=\"5bcd079\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"5bcd079\">\n    <div class=\"elementor-element elementor-element-21d3627 e-con e-atomic-element e-flexbox-base g-7817e56 e-21d3627-0f0b2c1 ls-section-content \" data-id=\"21d3627\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"21d3627\">\n    \t\t\t<h2 data-interaction-id=\"cf0cf7b\" class=\"h2 h2-white e-heading-base\">Lassen Sie uns Ihr Produkt entwickeln<\/h2>\n\t\t\t\t\t<p class=\"text text-blue-bg e-31a7866-616fbc6 e-paragraph-base\" data-interaction-id=\"31a7866\">Erz&auml;hlen Sie uns von Ihrer Idee. In einem kostenlosen Erstgespr&auml;ch kl&auml;ren wir, wie wir Ihr Produkt von der Idee bis zur Serienreife bringen.<\/p>\n\t\t\t\t\t<a href=\"https:\/\/lippert-studios.com\/en\/projekt-planen\/\" target=\"_self\" class=\"main-btn btn-has-arrow e-button-base\" data-interaction-id=\"ac52565\">\n\t\tProjekt Planen\n\t<\/a>\t\t\n<\/div>\n\n<\/section>\n\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lippert Studios ist Ihre Produktdesign Agentur in Berlin. Seit \u00fcber 25 Jahren entwickeln wir Produkt-, Industrie- und Kommunikationsdesign von der Idee bis zur Serienreife.<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-15578","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/15578","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=15578"}],"version-history":[{"count":91,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/15578\/revisions"}],"predecessor-version":[{"id":15722,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/15578\/revisions\/15722"}],"wp:attachment":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/media?parent=15578"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/tags?post=15578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}