Move styles to app shell slots

assets/dbp-signature.html.ejs

@@ -52,29 +52,6 @@
  /*           --dbp-override-downloaded-bg-color: #9fdf9f; */
             --dbp-override-image-nextcloud: url(<%= getUrl('') %>icons/nextcloud.svg);
         }
-
-        #main-logo {
-            padding: 0 50px 0 0;
-        }
-
-        .footer-links {
-            margin-top: 0.5em;
-        }
-
-        .footer-links a {
-            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
-            padding: 0;
-            margin-left: 1em;
-            transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
-            color: #6c757d;
-            cursor: pointer;
-            text-decoration: none;
-        }
-
-        .footer-links a:hover {
-            color: #fff;
-            background-color: #000;
-        }
     </style>
 
     <!-- Preloading/Preconnecting -->
@@ -119,9 +96,34 @@
     </dbp-translated>
 </template>
 <template slot="logo">
+    <style>
+        #main-logo {
+            padding: 0 50px 0 0;
+        }
+    </style>
     <dbp-tugraz-logo id="main-logo" subscribe="lang"></dbp-tugraz-logo>
 </template>
 <template slot="footer-links">
+    <style>
+        .footer-links {
+            margin-top: 0.5em;
+        }
+
+        .footer-links a {
+            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+            padding: 0;
+            margin-left: 1em;
+            transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
+            color: #6c757d;
+            cursor: pointer;
+            text-decoration: none;
+        }
+
+        .footer-links a:hover {
+            color: #fff;
+            background-color: #000;
+        }
+    </style>
     <dbp-translated subscribe="lang">
         <div slot="de" class="footer-links">
             <a target="_blank" rel="noopener" href="https://www.tugraz.at/ueber-diese-seite/datenschutzerklaerung/">Datenschutz</a>