small changes

content/pages/impressum.md

@@ -15,7 +15,6 @@ Tobias Radloff
 c/o Block Services  
 Stuttgarter Str. 106  
 70736 Fellbach  
-
 Email: kontakt [at] tobias-radloff [punkt] de
 
 

theme/static/css/custom.css

@@ -276,6 +276,11 @@ h1, h2, h3, h4, h5, h6 {
   flex: 0 1 content;
 }
 
+.required:after {
+  content: " *";
+  color: red;
+}
+
 
 /* Main content */
 #main-header h1,
@@ -423,6 +428,16 @@ figcaption {
     --pico-font-size: 1.25rem;
   }
 
+  h3 {
+    --pico-font-size: 1.125rem;
+    margin-top: var(--pico-typography-spacing-vertical);
+  }
+
+  h4 {
+    --pico-font-size: 1rem;
+    margin-top: var(--pico-typography-spacing-vertical);
+  }
+
   blockquote {
     margin-top: 0px;
     padding-top: 0px;

theme/templates/includes/contact_form.html

@@ -1,19 +1,19 @@
 <form id="contact-form" method="post" action="{{ SITEURL }}/kontakt/contact.php">
   <fieldset>
     <label>
-      Name
+      <span class="required">Name</span>
-      <input name="name" placeholder="Name" autocomplete="given-name" aria-label="Name" required/>
+      <input name="name" placeholder="Dein Name" autocomplete="given-name" aria-label="Name" required/>
     </label>
     <label>
-      Email
+      <span class="required">Email</span>
-      <input type="email" name="email" placeholder="Emailadresse" autocomplete="email" aria-label="Emailadresse" required/>
+      <input type="email" name="email" placeholder="Deine Emailadresse" autocomplete="email" aria-label="Emailadresse" required/>
     </label>
     <label id="leave-empty">
       Leave this empty
       <input name="address" placeholder="Anschrift" autocomplete="address" />
     </label>
     <label>
-      Nachricht
+      <span class="required">Nachricht</span>
       <textarea name="nachricht" placeholder="Deine Nachricht" aria-label="Nachricht" rows="5" required></textarea>
     </label>
     <input type="submit" value="Nachricht senden" />