{"id":2696,"date":"2025-11-24T19:52:07","date_gmt":"2025-11-24T18:52:07","guid":{"rendered":"https:\/\/rakusoft.com\/wordpress\/?page_id=2696"},"modified":"2025-11-26T15:28:53","modified_gmt":"2025-11-26T14:28:53","slug":"mail-formular","status":"publish","type":"page","link":"https:\/\/rakusoft.com\/wordpress\/mail-formular\/","title":{"rendered":"Mail-Formular"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2696\" class=\"elementor elementor-2696\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca1fc20 e-flex e-con-boxed e-con e-parent\" data-id=\"ca1fc20\" 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-e72cf30 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"e72cf30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Neues Formular\" aria-label=\"Neues Formular\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2696\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e72cf30\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Mail-Formular\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2696\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-Mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"E-Mail\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNachricht\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Nachricht\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Senden<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\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<div class=\"elementor-element elementor-element-eeda8f4 e-flex e-con-boxed e-con e-parent\" data-id=\"eeda8f4\" 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-0c56e34 elementor-widget elementor-widget-shortcode\" data-id=\"0c56e34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n        #kontakt { scroll-margin-top: 120px; } \n        .form-toast {\n            position: fixed;\n            top: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #27ae60;\n            color: #fff;\n            padding: 16px 32px;\n            border-radius: 8px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            z-index: 100000; \/* Extrem hoch, damit es \u00fcber allem liegt *\/\n            font-weight: 600;\n            animation: slideDownIn 4s ease-in-out forwards;\n            min-width: 300px;\n            text-align: center;\n        }\n        @keyframes slideDownIn {\n            0% { opacity: 0; transform: translate(-50%, -50px); }\n            10% { opacity: 1; transform: translate(-50%, 0); }\n            90% { opacity: 1; transform: translate(-50%, 0); }\n            100% { opacity: 0; transform: translate(-50%, -50px); }\n        }\n        .form-error-inline { color: #fff; background: #e74c3c; padding: 12px; border-radius: 4px; margin-bottom: 20px; }\n        .checkbox-group { margin: 15px 0; font-size: 0.9em; }\n    <\/style><div id=\"kontakt\"><form method=\"post\" action=\"#kontakt\"><input type=\"hidden\" name=\"js_verify_field\" id=\"js_verify_field\" value=\"\"><div style=\"display:none;\"><input type=\"text\" name=\"vorname_check\" value=\"\"><\/div><div style=\"display:flex; gap:15px; margin-bottom:15px;\"><input type=\"text\" name=\"form_name\" placeholder=\"Name *\" required style=\"flex:1; padding:10px; border:1px solid #ccc;\" value=\"\"><input type=\"email\" name=\"form_email\" placeholder=\"E-Mail *\" required style=\"flex:1; padding:10px; border:1px solid #ccc;\" value=\"\"><\/div><textarea name=\"form_message\" placeholder=\"Deine Nachricht *\" rows=\"5\" required style=\"width:100%; padding:10px; border:1px solid #ccc; margin-bottom:10px;\"><\/textarea><div class=\"checkbox-group\"><label style=\"cursor:pointer;\"><input type=\"checkbox\" name=\"form_copy\" style=\"margin-right:8px;\"> Kopie an mich senden<\/label><\/div><input type=\"submit\" name=\"mein_form_submit\" value=\"Nachricht absenden\" style=\"padding:12px 28px; background:#0073aa; color:#fff; border:none; cursor:pointer; border-radius:4px; font-weight:bold;\"><\/form><\/div><script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var jsField = document.getElementById(\"js_verify_field\");\n            if(jsField) { jsField.value = \"human_verified\"; }\n        });\n    <\/script><\/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<div class=\"elementor-element elementor-element-090c0a4 e-con-full e-flex e-con e-parent\" data-id=\"090c0a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f89263a elementor-widget elementor-widget-html\" data-id=\"f89263a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- CSS DESIGN START --- *\/\r\n    \r\n    \/* Haupt-Container: Geht \u00fcber die volle Breite *\/\r\n    .raku-footer {\r\n        background-color: #2b2b2b; \/* Dunkler Hintergrund *\/\r\n        color: #e0e0e0;\r\n        font-family: 'Helvetica', 'Arial', sans-serif;\r\n        \/* Wichtig f\u00fcr volle Breite: *\/\r\n        width: 100%;\r\n        margin: 0;\r\n        padding: 60px 0 30px 0; \/* Oben\/Unten Platz *\/\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Innerer Container: H\u00e4lt den Text mittig und lesbar *\/\r\n    .raku-footer-inner {\r\n        max-width: 1200px; \/* Maximale Textbreite *\/\r\n        margin: 0 auto;    \/* Zentriert den Block *\/\r\n        padding: 0 20px;   \/* Sicherheitsabstand zum Rand auf Handys *\/\r\n    }\r\n\r\n    \/* Das Raster f\u00fcr die 3 Spalten *\/\r\n    .raku-footer-columns {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        gap: 50px; \/* Mehr Platz zwischen den Spalten *\/\r\n    }\r\n\r\n    \/* Einzelne Spalte *\/\r\n    .raku-col {\r\n        flex: 1;\r\n        min-width: 250px; \/* Ab wann umgebrochen wird *\/\r\n    }\r\n\r\n    \/* \u00dcberschriften *\/\r\n    .raku-footer h3 {\r\n        color: #ffffff;\r\n        font-size: 18px;\r\n        margin: 0 0 25px 0; \/* Reset Margin *\/\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        border-bottom: 2px solid #0073aa; \/* Deine Akzentfarbe *\/\r\n        display: inline-block;\r\n        padding-bottom: 8px;\r\n    }\r\n\r\n    \/* Text & Abs\u00e4tze *\/\r\n    .raku-footer p {\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.6;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Links Stylen *\/\r\n    .raku-footer a {\r\n        color: #e0e0e0;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .raku-footer a:hover {\r\n        color: #0073aa;\r\n        padding-left: 5px;\r\n    }\r\n\r\n    \/* Listen *\/\r\n    .raku-footer ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .raku-footer li {\r\n        margin-bottom: 12px;\r\n        border-bottom: 1px solid #3d3d3d; \/* Feine Trennlinien zwischen Links *\/\r\n        padding-bottom: 12px;\r\n    }\r\n    .raku-footer li:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    \/* Untere Copyright Zeile *\/\r\n    .raku-socket {\r\n        text-align: center;\r\n        margin-top: 60px;\r\n        padding-top: 20px;\r\n        border-top: 1px solid #444;\r\n        font-size: 13px;\r\n        color: #888;\r\n    }\r\n\r\n    \/* Mobile Anpassung *\/\r\n    @media (max-width: 768px) {\r\n        .raku-footer-columns {\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n        .raku-footer {\r\n            text-align: center; \/* Auf Handy alles zentriert *\/\r\n        }\r\n        \/* Link-Effekt auf Handy ausschalten *\/\r\n        .raku-footer a:hover {\r\n            padding-left: 0;\r\n            color: #fff;\r\n        }\r\n    }\r\n    \/* --- CSS ENDE --- *\/\r\n<\/style>\r\n\r\n<footer class=\"raku-footer\">\r\n    <div class=\"raku-footer-inner\">\r\n        \r\n        <div class=\"raku-footer-columns\">\r\n            \r\n            <div class=\"raku-col\">\r\n                <h3>\u00dcber rakuSoft<\/h3>\r\n                <p>\r\n                    <em>\"Ich mag Rechner \u2013 Rechner m\u00f6gen mich.\"<\/em><br>\r\n                <\/p>\r\n                <p>\r\n                    Ihr Experte f\u00fcr PC-Hilfe, Reparatur und Webdesign in Spangenberg. Ich sorge daf\u00fcr, dass Ihre Technik einfach funktioniert.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"raku-col\">\r\n                <h3>Navigation<\/h3>\r\n                <ul>\r\n                    <li><a href=\"\/\">Startseite<\/a><\/li>\r\n                    <li><a href=\"\/#leistungen\">Leistungen<\/a><\/li>\r\n                    <li><a href=\"\/#referenzen\">Referenzen<\/a><\/li>\r\n                    <li><a href=\"\/kontakt\">Kontakt<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"raku-col\">\r\n                <h3>Kontakt & Rechtliches<\/h3>\r\n                <p>\r\n                    <strong>Gerd Wagner<\/strong><br>\r\n                    Am Ziegenberg 3<br>\r\n                    34286 Spangenberg\r\n                <\/p>\r\n                <p style=\"margin-top: 20px;\">\r\n                    \ud83d\udcde <a href=\"tel:01602492078\">0160 249 2078<\/a><br>\r\n                    \u2709\ufe0f <a href=\"mailto:mail@rakusoft.com\">mail@rakusoft.com<\/a>\r\n                <\/p>\r\n                \r\n                <div style=\"margin-top: 20px; font-size: 0.9em;\">\r\n                    <a href=\"\/impressum\">Impressum<\/a> &nbsp;|&nbsp; \r\n                    <a href=\"\/datenschutz\">Datenschutz<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"raku-socket\">\r\n            &copy; <span id=\"year\"><\/span> rakuSoft - Gerd Wagner. Alle Rechte vorbehalten.\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    document.getElementById(\"year\").innerHTML = new Date().getFullYear();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00dcber rakuSoft &#8222;Ich mag Rechner \u2013 Rechner m\u00f6gen mich.&#8220; Ihr Experte f\u00fcr PC-Hilfe, Reparatur und Webdesign in Spangenberg. Ich sorge daf\u00fcr, dass Ihre Technik einfach funktioniert. Navigation Startseite Leistungen Referenzen Kontakt Kontakt &#038; Rechtliches Gerd Wagner Am Ziegenberg 3 34286 Spangenberg \ud83d\udcde 0160 249 2078 \u2709\ufe0f mail@rakusoft.com Impressum &nbsp;|&nbsp; Datenschutz &copy; rakuSoft &#8211; Gerd Wagner. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2696","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/2696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/comments?post=2696"}],"version-history":[{"count":10,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/2696\/revisions"}],"predecessor-version":[{"id":2760,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/2696\/revisions\/2760"}],"wp:attachment":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/media?parent=2696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}