{"id":14200,"date":"2026-04-27T12:09:30","date_gmt":"2026-04-27T12:09:30","guid":{"rendered":"https:\/\/lippert-studios.com\/?page_id=14200"},"modified":"2026-09-23T11:37:07","modified_gmt":"2026-09-23T09:37:07","slug":"projekt-planen","status":"publish","type":"page","link":"https:\/\/lippert-studios.com\/en\/projekt-planen\/","title":{"rendered":"Plan Project"},"content":{"rendered":"<?xml encoding=\"UTF-8\"><?xml encoding=\"UTF-8\"><div data-elementor-type=\"wp-page\" data-elementor-id=\"14200\" class=\"elementor elementor-14200\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d020082 e-con e-atomic-element e-flexbox-base e-default-div anfragen-wrapper\" data-id=\"d020082\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d020082\">\n    \t\t<div class=\"elementor-element elementor-element-6d9c977 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"6d9c977\" 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 id=\"lpi-form\" data-ajax-url=\"https:\/\/lippert-studios.com\/wp-admin\/admin-ajax.php\" data-nonce=\"b4c9583e67\">\n\n        <!-- Texts used by front.js (errors, button states, progress) -->\n        <div class=\"lpi-i18n\" hidden style=\"display:none\">\n            <span data-i18n=\"progress\">Schritt {current} von {total}<\/span>\n            <span data-i18n=\"err_types\">Bitte w&auml;hlen Sie mindestens eine Projektart.<\/span>\n            <span data-i18n=\"err_timeline\">Bitte w&auml;hlen Sie einen Zeitrahmen.<\/span>\n            <span data-i18n=\"err_email_missing\">Bitte geben Sie Ihre E-Mail-Adresse an.<\/span>\n            <span data-i18n=\"err_email_invalid\">Bitte geben Sie eine g&uuml;ltige E-Mail-Adresse an.<\/span>\n            <span data-i18n=\"err_session\">Ihre Sitzung ist abgelaufen. Bitte laden Sie die Seite neu und versuchen Sie es erneut.<\/span>\n            <span data-i18n=\"err_save\">Fehler beim Speichern. Bitte versuchen Sie es sp&auml;ter erneut.<\/span>\n            <span data-i18n=\"err_generic\">Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut oder schreiben Sie uns direkt eine E-Mail.<\/span>\n            <span data-i18n=\"err_connection\">Verbindungsfehler. Bitte versuchen Sie es erneut.<\/span>\n            <span data-i18n=\"sending\">Wird gesendet&hellip;<\/span>\n        <\/div>\n\n        <div class=\"wrap\">\n\n            <!-- Sidebar -->\n            <aside class=\"sidebar\">\n                <div class=\"sidebar-inner\">\n                    <div class=\"sidebar-brand\">\n                        <span class=\"sidebar-label\">Project Inquiry<\/span>\n                        <span class=\"sidebar-sub\">Get a Quote in Just a Few Steps<\/span>\n                    <\/div>\n                    <nav class=\"stepper\">\n                                                    <button type=\"button\" class=\"stepper-item active\" data-step=\"1\">\n                                <span class=\"stepper-dot\">\n                                    <span class=\"stepper-num\">1<\/span>\n                                    <span class=\"stepper-check\"><\/span>\n                                <\/span>\n                                <span class=\"stepper-text\">\n                                    <span class=\"stepper-count\">Step 1<\/span>\n                                    <span class=\"stepper-title\">Project Type<\/span>\n                                <\/span>\n                            <\/button>\n                            <div class=\"stepper-line\"><\/div>                                                    <button type=\"button\" class=\"stepper-item\" data-step=\"2\">\n                                <span class=\"stepper-dot\">\n                                    <span class=\"stepper-num\">2<\/span>\n                                    <span class=\"stepper-check\"><\/span>\n                                <\/span>\n                                <span class=\"stepper-text\">\n                                    <span class=\"stepper-count\">Step 2<\/span>\n                                    <span class=\"stepper-title\">Budget<\/span>\n                                <\/span>\n                            <\/button>\n                            <div class=\"stepper-line\"><\/div>                                                    <button type=\"button\" class=\"stepper-item\" data-step=\"3\">\n                                <span class=\"stepper-dot\">\n                                    <span class=\"stepper-num\">3<\/span>\n                                    <span class=\"stepper-check\"><\/span>\n                                <\/span>\n                                <span class=\"stepper-text\">\n                                    <span class=\"stepper-count\">Step 3<\/span>\n                                    <span class=\"stepper-title\">Timeframe<\/span>\n                                <\/span>\n                            <\/button>\n                            <div class=\"stepper-line\"><\/div>                                                    <button type=\"button\" class=\"stepper-item\" data-step=\"4\">\n                                <span class=\"stepper-dot\">\n                                    <span class=\"stepper-num\">4<\/span>\n                                    <span class=\"stepper-check\"><\/span>\n                                <\/span>\n                                <span class=\"stepper-text\">\n                                    <span class=\"stepper-count\">Step 4<\/span>\n                                    <span class=\"stepper-title\">Project Details<\/span>\n                                <\/span>\n                            <\/button>\n                            <div class=\"stepper-line\"><\/div>                                                    <button type=\"button\" class=\"stepper-item\" data-step=\"5\">\n                                <span class=\"stepper-dot\">\n                                    <span class=\"stepper-num\">5<\/span>\n                                    <span class=\"stepper-check\"><\/span>\n                                <\/span>\n                                <span class=\"stepper-text\">\n                                    <span class=\"stepper-count\">Step 5<\/span>\n                                    <span class=\"stepper-title\">Contact<\/span>\n                                <\/span>\n                            <\/button>\n                                                                        <\/nav>\n                    <div class=\"sidebar-footer\">\n                        <p>No obligation &amp; free of charge<br><small>Response within 24 hours<\/small><\/p>\n                    <\/div>\n                <\/div>\n            <\/aside>\n\n            <!-- Main -->\n            <main class=\"main\">\n                <div class=\"main-inner\">\n\n                    <!-- Mobile progress (text filled in by front.js) -->\n                    <div class=\"mobile-progress\">\n                        <div class=\"mobile-bar\"><div class=\"mobile-fill\" style=\"width:20%\"><\/div><\/div>\n                        <span class=\"mobile-count\"><\/span>\n                    <\/div>\n\n                    <!-- Step 1 -->\n                    <article class=\"step active\" data-step=\"1\">\n                        <header class=\"step-header\">\n                            <h1>What would you like us to design for you?<\/h1>\n                            <p>Select one or more project types.<\/p>\n                        <\/header>\n                        <div class=\"cards-grid\">\n                                                                                            <button type=\"button\" class=\"card\" data-value=\"Produktdesign\">\n                                    <span class=\"card-icon\" data-icon=\"cube\"><\/span>\n                                    <span class=\"card-label\">Product Design<\/span>\n                                <\/button>\n                                                                                            <button type=\"button\" class=\"card\" data-value=\"Kommunikationsdesign\">\n                                    <span class=\"card-icon\" data-icon=\"megaphone\"><\/span>\n                                    <span class=\"card-label\">Communication Design<\/span>\n                                <\/button>\n                                                                                            <button type=\"button\" class=\"card\" data-value=\"Webdesign\">\n                                    <span class=\"card-icon\" data-icon=\"monitor\"><\/span>\n                                    <span class=\"card-label\">Web Design<\/span>\n                                <\/button>\n                                                                                            <button type=\"button\" class=\"card\" data-value=\"Grafikdesign\">\n                                    <span class=\"card-icon\" data-icon=\"palette\"><\/span>\n                                    <span class=\"card-label\">Graphic Design<\/span>\n                                <\/button>\n                                                                                            <button type=\"button\" class=\"card\" data-value=\"Branding\">\n                                    <span class=\"card-icon\" data-icon=\"star\"><\/span>\n                                    <span class=\"card-label\">Branding<\/span>\n                                <\/button>\n                                                                                            <button type=\"button\" class=\"card\" data-value=\"Social Media\">\n                                    <span class=\"card-icon\" data-icon=\"share\"><\/span>\n                                    <span class=\"card-label\">Social Media<\/span>\n                                <\/button>\n                                                    <\/div>\n                    <\/article>\n\n                    <!-- Step 2 -->\n                    <article class=\"step\" data-step=\"2\">\n                        <header class=\"step-header\">\n                            <h1>What is your budget?<\/h1>\n                            <p>Just a rough estimate, no strings attached.<\/p>\n                        <\/header>\n                        <div class=\"slider-wrap\">\n                            <div class=\"slider-value\" id=\"lpi-budget-display\">5.000 &euro;<\/div>\n                            <input type=\"range\" id=\"lpi-budget-slider\" min=\"500\" max=\"25500\" step=\"500\" value=\"5000\">\n                            <div class=\"slider-labels\"><span>500 &euro;<\/span><span id=\"lpi-budget-max\">25.000 &euro; +<\/span><\/div>\n                        <\/div>\n                    <\/article>\n\n                    <!-- Step 3 -->\n                    <article class=\"step\" data-step=\"3\">\n                        <header class=\"step-header\">\n                            <h1>When should we get started?<\/h1>\n                            <p>Is there a timeframe or a deadline?<\/p>\n                        <\/header>\n                        <div class=\"options-list\">\n                                                            <button type=\"button\" class=\"option\" data-value=\"So schnell wie m&ouml;glich\">As fast as possible<\/button>\n                                                            <button type=\"button\" class=\"option\" data-value=\"In 1 &ndash; 2 Wochen\">In 1 \u2013 2 weeks<\/button>\n                                                            <button type=\"button\" class=\"option\" data-value=\"In 1 &ndash; 3 Monaten\">In 1 \u2013 3 months<\/button>\n                                                            <button type=\"button\" class=\"option\" data-value=\"Kein Zeitdruck\">No time pressure<\/button>\n                                                    <\/div>\n                    <\/article>\n\n                    <!-- Step 4 -->\n                    <article class=\"step\" data-step=\"4\">\n                        <header class=\"step-header\">\n                            <h1>Please tell us briefly about your project<\/h1>\n                            <p>Just a few sentences will do, we'll get back to you with the details.<\/p>\n                        <\/header>\n                        <textarea id=\"lpi-description\" rows=\"6\" placeholder=\"eg. We need a new website for our relaunch this fall\u2026\"><\/textarea>\n                    <\/article>\n\n                    <!-- Step 5 -->\n                    <article class=\"step\" data-step=\"5\">\n                        <header class=\"step-header\">\n                            <h1>How can we reach you?<\/h1>\n                            <p>So that we can get back to you as soon as possible.<\/p>\n                        <\/header>\n                        <div class=\"fields\">\n                            <div class=\"field-row\">\n                                <div class=\"field\">\n                                    <label for=\"lpi-company\">Company<\/label>\n                                    <input type=\"text\" id=\"lpi-company\" placeholder=\"Musterfirma GmbH\">\n                                <\/div>\n                                <div class=\"field\">\n                                    <label for=\"lpi-name\">Your Name<\/label>\n                                    <input type=\"text\" id=\"lpi-name\" placeholder=\"Max Mustermann\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"field\">\n                                <label for=\"lpi-email\">E-Mail *<\/label>\n                                <input type=\"email\" id=\"lpi-email\" placeholder=\"max@musterfirma.de\">\n                            <\/div>\n                            <div class=\"field\">\n                                <label for=\"lpi-phone\">Phone <span class=\"optional\">(optional)<\/span><\/label>\n                                <input type=\"tel\" id=\"lpi-phone\" placeholder=\"+49 30 12345678\">\n                            <\/div>\n                            <!-- Honeypot: hidden from humans, bots fill it -->\n                            <div style=\"position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden\" aria-hidden=\"true\" data-no-translation>\n                                <label>Website <input type=\"text\" id=\"lpi-website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n\n                    <!-- Success -->\n                    <article class=\"step success hidden\" data-step=\"success\">\n                        <div class=\"success-icon\">\n                            <svg viewbox=\"0 0 72 72\" fill=\"none\">\n                                <circle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"#007396\" stroke-width=\"2.5\"><\/circle>\n                                <path d=\"M22 37l10 10 18-18\" stroke=\"#007396\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h1>Thank you very much!<\/h1>\n                        <p class=\"translation-block\">We have received your inquiry.<br>We will get back to you within 24 hours.<\/p>\n                        <a href=\"https:\/\/lippert-studios.com\/en\/\" class=\"btn btn-home\">Back to the Home Page<\/a>\n                    <\/article>\n\n                    <!-- Nav -->\n                    <div class=\"nav\">\n                        <button type=\"button\" class=\"btn btn-back hidden\" id=\"lpi-back\">Back<\/button>\n                        <button type=\"button\" class=\"btn btn-next\" id=\"lpi-next\">Next<\/button>\n                        <button type=\"button\" class=\"btn btn-submit hidden\" id=\"lpi-submit\">Send request<\/button>\n                    <\/div>\n\n                    <!-- Error -->\n                    <div class=\"error hidden\" id=\"lpi-error\"><\/div>\n\n                <\/div>\n            <\/main>\n        <\/div>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-14200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/14200","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=14200"}],"version-history":[{"count":26,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/14200\/revisions"}],"predecessor-version":[{"id":14361,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/pages\/14200\/revisions\/14361"}],"wp:attachment":[{"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/media?parent=14200"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lippert-studios.com\/en\/wp-json\/wp\/v2\/tags?post=14200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}