Cookie-Einstellungen in Footer aufnehmen

assets/css/privacy-settings.css

@@ -103,6 +103,41 @@
     padding: 0.55rem 0.7rem;
 }
 
+.footer-cookie-settings {
+    appearance: none;
+    background: transparent;
+    border: 0;
+    border-bottom: dotted 1px;
+    border-radius: 0;
+    box-shadow: none;
+    color: inherit !important;
+    cursor: pointer;
+    font: inherit;
+    font-weight: inherit;
+    height: auto;
+    letter-spacing: inherit;
+    line-height: inherit;
+    margin: 0;
+    padding: 0;
+    text-transform: none;
+}
+
+.footer-cookie-settings:hover {
+    background: transparent;
+    border-bottom-color: transparent;
+    color: #38761d !important;
+}
+
+.footer-cookie-settings:focus-visible {
+    outline: solid 3px #f0b429;
+    outline-offset: 3px;
+}
+
+.public-footer-links .footer-cookie-settings {
+    color: #3d4449 !important;
+    margin: 0 0.5rem;
+}
+
 @media screen and (max-width: 736px) {
     .analytics-consent {
         padding: 1rem;

assets/js/privacy-settings.js

@@ -3,9 +3,10 @@
 
     var configurationElement = document.getElementById('analytics-configuration');
     var banner = document.getElementById('analytics-consent');
-    var settingsButton = document.getElementById('analytics-consent-settings');
+    var floatingSettingsButton = document.getElementById('analytics-consent-settings');
+    var settingsButtons = document.querySelectorAll('[data-analytics-settings]');
 
-    if (!configurationElement || !banner || !settingsButton) {
+    if (!configurationElement || !banner || !floatingSettingsButton) {
         return;
     }
 
@@ -148,7 +149,7 @@
 
     function closeBanner() {
         banner.hidden = true;
-        settingsButton.hidden = false;
+        floatingSettingsButton.hidden = false;
     }
 
     function choose(decision) {
@@ -170,21 +171,23 @@
         });
     });
 
-    settingsButton.addEventListener('click', function () {
-        banner.hidden = false;
-        settingsButton.hidden = true;
-        var firstButton = banner.querySelector('[data-analytics-consent="denied"]');
-        if (firstButton) {
-            firstButton.focus();
-        }
+    settingsButtons.forEach(function (button) {
+        button.addEventListener('click', function () {
+            banner.hidden = false;
+            floatingSettingsButton.hidden = true;
+            var firstButton = banner.querySelector('[data-analytics-consent="denied"]');
+            if (firstButton) {
+                firstButton.focus();
+            }
+        });
     });
 
     var initialDecision = readDecision();
     if (initialDecision === 'granted') {
-        settingsButton.hidden = false;
+        floatingSettingsButton.hidden = false;
         sendPageView();
     } else if (initialDecision === 'denied') {
-        settingsButton.hidden = false;
+        floatingSettingsButton.hidden = false;
         removeAnalysisCookies();
     } else {
         banner.hidden = false;