fix display bug and changed headings to h3

src/assets/i18n/demo/demo-de.html

@@ -94,15 +94,15 @@
   </li>
 </ol>
 
- <h2>Fragen an die Entwickler der App</h2>
+ <h3>Fragen an die Entwickler der App</h3>
 
 <p>
-    Verwende den Sitzungs-Code 11 22 33 44 für Fragen an die Entwickler. 
+    Verwende den Sitzungs-Code 11 22 33 44 für Fragen an die Entwickler.
     Können wir deine Fragen mit Ja oder Nein beantworten, so erhältst du zeitnah eine Antwort in der App.
-    Offene Fragen beantworten wir im <a href="https://arsnova.thm.de/blog/frag-jetzt/" target="_blank">ARSnova-Blog</a>. 
+    Offene Fragen beantworten wir im <a href="https://arsnova.thm.de/blog/frag-jetzt/" target="_blank">ARSnova-Blog</a>.
 </p>
 
-<h2>»Gender«-gerechte Sprache</h2>
+<h3>»Gender«-gerechte Sprache</h3>
 
 <p>
   Screen Reader für Sehbehinderte und Blinde,

src/assets/i18n/demo/demo-en.html

@@ -96,10 +96,10 @@
   </li>
 </ol>
 
- <h2>Questions to the developers of the app</h2>
+ <h3>Questions to the developers of the app</h3>
 
 <p>
     Use session key 11 22 33 44 for questions to the developers.
-    If we can answer yes or no to your questions, you will receive a prompt answer in the app. 
+    If we can answer yes or no to your questions, you will receive a prompt answer in the app.
     Other qestions will be answered in the <a href="https://arsnova.thm.de/blog/frag-jetzt/" target="_blank">ARSnova blog</a>.
 </p>

src/styles.scss

@@ -83,13 +83,12 @@ h4 {
 }
 
 p {
-  color: var(--on-surface)!important;
+
   font-family: Roboto, "Helvetica Neue", sans-serif!important;
   margin: 10px 0 10px 0;
 }
 
 div {
   font-family: Roboto, "Helvetica Neue", sans-serif!important;
-  color: var(--on-surface)!important;
 }