move screencast to demo

src/app/components/shared/footer/footer.component.html

 <div>
+
   <mat-toolbar id="footer-toolbar" class="mat-elevation-z24">
     <button class="focus_button" mat-button (click)="showHelp()" *ngIf="router.url !== '/home'"
             aria-labelledby="help-label">

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

+<div class="video">
+  <div class="videoWrapper">
+    <iframe tabindex="0"
+            width="560" height="315"
+            [ngClass]="{'mobileFrame': deviceType === 'mobile', 'desktopFrame': deviceType === 'desktop'}"
+            src="https://www.youtube.com/embed/0mxQxPmU9Aw?autoplay=0" frameborder="0"
+            allowfullscreen
+    ></iframe>
+  </div>
+</div>
+
 <p>Die klassische Vorlesung endet in der Regel mit: »Haben Sie Fragen?«. Und stets meldet sich niemand oder es fragen
   immer dieselben wenigen. Entweder traut sich im großen Hörsaal niemand oder die Fragen, die man im Verlauf der
   Vorlesung eigentlich stellen wollte, sind vergessen.</p>
@@ -30,4 +41,3 @@
   Wir verwenden deshalb das <a href="https://de.wikipedia.org/wiki/Generisches_Maskulinum" target="_blank">Generische
   Maskulinum</a> für Texte und Labels in der App.
 </p>
-

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

 <mat-dialog-content>
 
-  <h2>Nutzungs-Szenario</h2>
 
-<div class="video">
-  <div class="videoWrapper">
-    <iframe tabindex="0"
-            width="560" height="315"
-            [ngClass]="{'mobileFrame': deviceType === 'mobile', 'desktopFrame': deviceType === 'desktop'}"
-            src="https://www.youtube.com/embed/0mxQxPmU9Aw?autoplay=0" frameborder="0"
-            allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
-    ></iframe>
-  </div>
-</div>
 
 </mat-dialog-content>