{"id":76333,"date":"2026-03-12T09:26:12","date_gmt":"2026-03-12T08:26:12","guid":{"rendered":"https:\/\/lumi-systems.io\/?page_id=76333"},"modified":"2026-04-16T09:05:41","modified_gmt":"2026-04-16T07:05:41","slug":"support-fomular","status":"publish","type":"page","link":"https:\/\/lumi-systems.io\/en\/support-fomular\/","title":{"rendered":"Support Fomular"},"content":{"rendered":"\n<!-- LUMI-SYSTEMS.IO \u2013 ZAMMAD SUPPORT-FORMULAR v4 (mit Datei-Upload) -->\n<!-- Migrated from Elementor to Gutenberg\/Kadence -->\n<style>\n.lumi-support-form {\n    max-width: 680px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: #333;\n}\n\n.lumi-support-form h2 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #1a1a2e;\n    margin-bottom: 8px;\n}\n\n.lumi-support-form .form-subtitle {\n    font-size: 16px;\n    color: #666;\n    margin-bottom: 32px;\n    line-height: 1.6;\n}\n\n.lumi-support-form .form-group {\n    margin-bottom: 20px;\n}\n\n.lumi-support-form label {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1a1a2e;\n    margin-bottom: 6px;\n}\n\n.lumi-support-form label .required {\n    color: #e74c3c;\n    margin-left: 2px;\n}\n\n.lumi-support-form input[type=\"text\"],\n.lumi-support-form input[type=\"email\"],\n.lumi-support-form select,\n.lumi-support-form textarea {\n    width: 100%;\n    padding: 12px 16px;\n    border: 1.5px solid #ddd;\n    border-radius: 8px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 15px;\n    color: #333;\n    background: #fff;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n    box-sizing: border-box;\n}\n\n.lumi-support-form input:focus,\n.lumi-support-form select:focus,\n.lumi-support-form textarea:focus {\n    outline: none;\n    border-color: #1a56db;\n    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.15);\n}\n\n.lumi-support-form textarea {\n    min-height: 150px;\n    resize: vertical;\n}\n\n.lumi-support-form select {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 14px center;\n    padding-right: 40px;\n}\n\n.lumi-support-form .form-row {\n    display: flex;\n    gap: 16px;\n}\n\n.lumi-support-form .form-row .form-group {\n    flex: 1;\n}\n\n.lumi-support-form .submit-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 36px;\n    background: #1a56db;\n    color: #fff;\n    border: none;\n    border-radius: 8px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, transform 0.1s ease;\n    margin-top: 8px;\n    min-width: 200px;\n}\n\n.lumi-support-form .submit-btn:hover {\n    background: #1e40af;\n}\n\n.lumi-support-form .submit-btn:active {\n    transform: scale(0.98);\n}\n\n.lumi-support-form .form-success {\n    display: none;\n    padding: 32px;\n    background: linear-gradient(135deg, #f0faf0, #e8f5e9);\n    border: 1.5px solid #4caf50;\n    border-radius: 12px;\n    text-align: center;\n}\n\n.lumi-support-form .form-success h3 {\n    color: #2e7d32;\n    font-size: 22px;\n    margin-bottom: 8px;\n    font-weight: 700;\n}\n\n.lumi-support-form .form-error {\n    display: none;\n    padding: 14px 18px;\n    background: #fef0f0;\n    border: 1.5px solid #e74c3c;\n    border-radius: 8px;\n    color: #c62828;\n    font-size: 14px;\n    margin-bottom: 16px;\n}\n\n.lumi-support-form .file-upload-area {\n    border: 2px dashed #ddd;\n    border-radius: 8px;\n    padding: 24px;\n    text-align: center;\n    cursor: pointer;\n    transition: border-color 0.2s ease, background 0.2s ease;\n    position: relative;\n}\n\n.lumi-support-form .file-upload-area:hover {\n    border-color: #1a56db;\n    background: #f8faff;\n}\n\n.lumi-support-form .file-list {\n    margin-top: 12px;\n    text-align: left;\n}\n\n.lumi-support-form .file-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: #f5f7fa;\n    border-radius: 6px;\n    margin-bottom: 6px;\n    font-size: 13px;\n}\n\n.lumi-support-form .privacy-note {\n    font-size: 12px;\n    color: #888;\n    margin-top: 16px;\n    line-height: 1.6;\n}\n\n.lumi-support-form .privacy-note a {\n    color: #1a56db;\n    text-decoration: none;\n}\n\n@media (max-width: 600px) {\n    .lumi-support-form {\n        padding: 20px 12px;\n    }\n    .lumi-support-form h2 {\n        font-size: 24px;\n    }\n    .lumi-support-form .submit-btn {\n        width: 100%;\n    }\n}\n<\/style>\n\n<div class=\"lumi-support-form\">\n    <h2>Support-Anfrage<\/h2>\n    <p class=\"form-subtitle\">Du hast eine Frage oder brauchst Hilfe? Beschreibe dein Anliegen und unser Team meldet sich schnellstm\u00f6glich bei dir.<\/p>\n    \n    <form id=\"lumi-support-form\" novalidate>\n        <div class=\"form-group\">\n            <label for=\"lumi-name\">Name <span class=\"required\">*<\/span><\/label>\n            <input type=\"text\" id=\"lumi-name\" name=\"name\" placeholder=\"Dein vollst\u00e4ndiger Name\" required>\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label for=\"lumi-email\">E-Mail <span class=\"required\">*<\/span><\/label>\n            <input type=\"email\" id=\"lumi-email\" name=\"email\" placeholder=\"deine@email.at\" required>\n        <\/div>\n        \n        <div class=\"form-row\">\n            <div class=\"form-group\">\n                <label for=\"lumi-category\">Kategorie<\/label>\n                <select id=\"lumi-category\" name=\"category\">\n                    <option value=\"\">\u2014 Bitte w\u00e4hlen \u2014<\/option>\n                    <option value=\"hardware\">Hardware \/ Notebook<\/option>\n                    <option value=\"software\">Software \/ Linux<\/option>\n                    <option value=\"bestellung\">Bestellung \/ Lieferung<\/option>\n                    <option value=\"reklamation\">Reklamation \/ Garantie<\/option>\n                    <option value=\"sonstiges\">Sonstiges<\/option>\n                <\/select>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"lumi-priority\">Priorit\u00e4t<\/label>\n                <select id=\"lumi-priority\" name=\"priority\">\n                    <option value=\"normal\">Normal<\/option>\n                    <option value=\"hoch\">Hoch \u2013 Beeintr\u00e4chtigung<\/option>\n                    <option value=\"dringend\">Dringend \u2013 Ausfall<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label for=\"lumi-subject\">Betreff <span class=\"required\">*<\/span><\/label>\n            <input type=\"text\" id=\"lumi-subject\" name=\"subject\" placeholder=\"Worum geht es?\" required>\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label for=\"lumi-message\">Nachricht <span class=\"required\">*<\/span><\/label>\n            <textarea id=\"lumi-message\" name=\"message\" placeholder=\"Beschreibe dein Anliegen so detailliert wie m\u00f6glich...\"><\/textarea>\n        <\/div>\n        \n        <div class=\"form-group\">\n            <label>Anh\u00e4nge (optional)<\/label>\n            <div class=\"file-upload-area\">\n                <input type=\"file\" id=\"lumi-files\" multiple accept=\".jpg,.jpeg,.png,.gif,.bmp,.webp,.pdf,.doc,.docx,.xls,.xlsx,.csv,.txt,.log,.zip,.rar,.7z\" style=\"display:none;\">\n                <div>\ud83d\udcc4 <strong>Dateien ausw\u00e4hlen<\/strong> oder hierher ziehen<\/div>\n                <div style=\"font-size: 12px; color: #999; margin-top: 8px;\">Max. 10 MB pro Datei. Erlaubt: Bilder, PDFs, Office-Dokumente, Log-Dateien, Archive.<\/div>\n            <\/div>\n            <div class=\"file-list\" id=\"file-list\"><\/div>\n        <\/div>\n        \n        <button type=\"submit\" class=\"submit-btn\">\ud83d\udce4 Anfrage absenden<\/button>\n        \n        <p class=\"privacy-note\">\n            Mit dem Absenden stimmst du unserer <a href=\"https:\/\/lumi-systems.io\/datenschutz\/\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a> zu.\n            Deine Daten werden ausschlie\u00dflich zur Bearbeitung deiner Anfrage verwendet.\n        <\/p>\n    <\/form>\n    \n    <div class=\"form-success\" id=\"form-success\">\n        <h3>Anfrage gesendet!<\/h3>\n        <p>Vielen Dank f\u00fcr deine Nachricht. Wir haben ein Support-Ticket erstellt und melden uns schnellstm\u00f6glich per E-Mail bei dir.<\/p>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Support-Anfrage Du hast eine Frage oder brauchst Hilfe? Beschreibe dein Anliegen und unser Team meldet sich schnellstm\u00f6glich bei dir. Name * E-Mail * Kategorie \u2014 Bitte w\u00e4hlen \u2014Hardware \/ NotebookSoftware \/ LinuxBestellung \/ LieferungReklamation \/ GarantieSonstiges Priorit\u00e4t NormalHoch \u2013 Beeintr\u00e4chtigungDringend \u2013 Ausfall Betreff * Nachricht * Anh\u00e4nge (optional) \ud83d\udcc4 Dateien ausw\u00e4hlen oder hierher ziehen Max&#8230;.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-76333","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/comments?post=76333"}],"version-history":[{"count":14,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76333\/revisions"}],"predecessor-version":[{"id":76359,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76333\/revisions\/76359"}],"wp:attachment":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/media?parent=76333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}