.

content/pages/kontakt.blade.php

@@ -53,7 +53,78 @@
         </div>
     </div>
 
-    <div class="mt-5">
+
+    @if($_show_contactform)
+
+        <style>
+            .form-control{
+                background-color: {{$_primary_ci_color}}20;
+            }
+            .form-control:focus{
+                background-color: {{$_primary_ci_color}}30;
+            }
+
+
+        </style>
+
+        <div class="container-fluid py-5 bg-secondary">
+            <div class="container py-5">
+                <div class="row">
+                    <div class="col-12">
+                        <h2 class="h3 mb-5">Kontaktforumlar</h2>
+                    </div>
+
+                    <div class="col-12 col-lg-7 offset-lg-4">
+                        <form>
+                            <div class="mb-4">
+                                <label for="exampleInputEmail1" class="form-label">Name:</label>
+                                <input type="name" name="name" class="form-control" id="name" aria-describedby="emailHelp" placeholder="Max Mustermann" autocomplete="on">
+                            </div>
+
+                            <div class="mb-4">
+                                <label for="exampleInputEmail1" class="form-label">Telefonnummer:</label>
+                                <input type="tel" name="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on">
+                            </div>
+
+                            <div class="mb-4">
+                                <label for="exampleInputEmail1" class="form-label">E-Mail:</label>
+                                <input type="name" name="email"class="form-control" id="email" aria-describedby="emailHelp" placeholder="beispiel@areya.de" autocomplete="on">
+                            </div>
+
+
+                            <div class="form-floating mb-4">
+                                <textarea style="height: 160px;" class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
+                                <label for="floatingTextarea">Nachricht</label>
+                            </div>
+
+
+                            <div class="text-end">
+                                <button type="submit" class="btn btn-primary">Abschicken
+                                    <svg style="fill: currentColor;width: 17px;margin-left: 6px;margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
+                                </button>
+                            </div>
+
+
+
+
+                        </form>
+
+                    </div>
+
+
+
+
+
+
+
+
+                </div>
+            </div>
+        </div>
+    @endif
+
+
+    <div>
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2616.891113063286!2d12.10357687683789!3d49.0126564898375!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479fc10aad3c56e3%3A0x4e1e3fd12a6be9a3!2sImmobilienverwaltung%20V%C3%B6lkl!5e0!3m2!1sde!2sde!4v1692953660472!5m2!1sde!2sde" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
 @stop

variables.json

@@ -198,7 +198,6 @@
       }
     ]
   },
-
   {
     "icon": "/font-awesome/light/palette.svg",
     "group_name": "Hauptmenü",
@@ -230,7 +229,6 @@
       }
     ]
   },
-
   {
     "icon": "/font-awesome/light/map-pin.svg",
     "group_name": "Statische Seiten",
@@ -243,6 +241,19 @@
       }
     ]
   },
+  {
+    "icon": "/font-awesome/light/map-pin.svg",
+    "group_name": "Kontakt",
+    "description": "Kontakt Seite",
+    "variables": [
+      {
+        "id": "show_contactform",
+        "name": "Zeige Kontaktformular",
+        "value": "true",
+        "type": "boolean"
+      }
+    ]
+  },
   {
     "icon": "/font-awesome/light/map-pin.svg",
     "group_name": "Lumino Branding",