Update profile.php

content/profile.php

@@ -70,6 +70,10 @@
                     <br>
                     <button type="submit" name="submit"><i></i> Speichern</button>
                 </div>
+                <div>
+                    <br>
+                    <button type="button" name="NutzerLoeschen">Account löschen</button>
+                </div>
             </div>
         </div>
     </main>

css/main.css

@@ -1,179 +1,3 @@
-* {
+body {
-  box-sizing: border-box;
+  background-color: coral;
-}
+}
-
-  /* =========================
-     Farben
-  ========================= */
-
-  :root {
-    --bg: #eef2f7;
-    --white: #ffffff;
-
-    --nav: #1e293b;
-    --nav-hover: #334155;
-
-    --primary: #2563eb;
-    --primary-hover: #1d4ed8;
-
-    --text: #1e293b;
-    --text-light: #64748b;
-
-    --border: #dbe4ee;
-  }
-
-  /* =========================
-     Body
-  ========================= */
-
-  body {
-    font-family: "Segoe UI", Arial, sans-serif;
-    background-color: var(--bg);
-    color: var(--text);
-  }
-
-  /* =========================
-     Header
-  ========================= */
-
-  header {
-    background-color: var(--nav);
-  }
-
-  /* =========================
-     Logo / Bild
-  ========================= */
-
-  header img {
-    object-fit: cover;
-    background-color: white;
-    border-radius: 14px;
-  }
-
-  /* =========================
-     Navigation
-  ========================= */
-
-  nav {
-    background-color: var(--nav);
-  }
-
-  nav a {
-    text-decoration: none;
-    color: #f1f5f9;
-    font-weight: 600;
-    border-radius: 10px;
-    transition: 0.3s ease;
-  }
-
-  nav a:hover {
-    background-color: var(--nav-hover);
-    color: white;
-  }
-
-  /* =========================
-     Suchfeld
-  ========================= */
-
-  input[type="text"],
-  input[type="search"] {
-    border: 1px solid var(--border);
-    background-color: white;
-    font-size: 1rem;
-    border-radius: 12px;
-  }
-
-  input:focus {
-    border-color: var(--primary);
-  }
-
-  /* =========================
-     Buttons
-  ========================= */
-
-  button {
-    background-color: var(--primary);
-    color: white;
-    border: none;
-    font-size: 1rem;
-    font-weight: 600;
-    cursor: pointer;
-
-    border-radius: 12px;
-
-    transition: 0.25s ease;
-  }
-
-  /* Hover Bewegung */
-  button:hover {
-    background-color: var(--primary-hover);
-    transform: translateY(-2px);
-  }
-
-  /* Klick-Effekt */
-  button:active {
-    transform: translateY(0px);
-  }
-
-  /* =========================
-     Hauptinhalt
-  ========================= */
-
-  main {
-    background-color: var(--white);
-    border-radius: 24px;
-  }
-
-  /* =========================
-     Überschriften
-  ========================= */
-
-  h1 {
-    color: var(--primary);
-    font-size: 3.5rem;
-  }
-
-  h2 {
-    color: var(--primary);
-  }
-
-  /* =========================
-     Texte
-  ========================= */
-
-  p {
-    color: var(--text-light);
-    line-height: 1.8;
-    font-size: 1.08rem;
-  }
-
-  /* =========================
-     Links
-  ========================= */
-
-  a {
-    color: var(--primary);
-    transition: 0.3s ease;
-  }
-
-  a:hover {
-    color: var(--primary-hover);
-  }
-
-  /* =========================
-     Footer
-  ========================= */
-
-  footer {
-    background-color: var(--white);
-  }
-
-  footer a {
-    text-decoration: none;
-    color: var(--text-light);
-    font-weight: 500;
-  }
-
-  footer a:hover {
-    color: var(--primary);
-  }