diff --git a/src/css/cookie.css b/src/css/cookie.css
new file mode 100644
index 0000000..046d375
--- /dev/null
+++ b/src/css/cookie.css
@@ -0,0 +1,42 @@
+.cookie-bar{
+  background-color: var(--cookie-background);
+  display: none;
+}
+.cookie-bar .privacy-settings {
+  max-height: 50vh;
+}
+.container-max{
+  z-index: auto;
+  max-width: 1200px;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+.container-max p {
+  color: var(--navbar-font-color);
+}
+.container-max a {
+  color: var(--doc-font-color);
+}
+.cookie-bar .btn-appearance {
+  color: var(--cookie-button-color);
+  background-color: var(--cookie-button-background);
+  border-color: var(--cookie-button-border);
+}
+.custom-control-label {
+  color: var(--navbar-font-color);
+}
+#cookie-further-settings {
+  display: none;
+}
+.cookie-bar .flex-fill, .cookie-bar .card-text {
+  color: var(--plentyBluesTealBlue);
+}
+.cookie-bar .card-link {
+  color: var(--plentyBluesPacificBlue);
+}
+td.pl-3 {
+  width: 260px;
+}
diff --git a/src/css/dark-theme.css b/src/css/dark-theme.css
index f5df293..4441a21 100644
--- a/src/css/dark-theme.css
+++ b/src/css/dark-theme.css
@@ -42,6 +42,10 @@
   --footer-background-color: var(--plentyGreysLimedSpruce);
   --footer-link-font-color: var(--plenty-secondaries-white);
   --footer-link-hover-color: var(--link_hover-font-color);
+  --cookie-background: var(--plentyBluesTealBlue);
+  --cookie-button-background: var(--plentyBluesFadedJade);
+  --cookie-button-color: var(--plenty-secondaries-white);
+  --cookie-button-border: var(--plentyBluesFadedJade);
   /* docsearch */
   --docsearch-searchbox-background: var(--plentyBluesTealBlue);
   --docsearch-muted-color: var(--color-white);
diff --git a/src/css/light-theme.css b/src/css/light-theme.css
index bc6e7db..78094d8 100644
--- a/src/css/light-theme.css
+++ b/src/css/light-theme.css
@@ -42,6 +42,10 @@
   --footer-background-color: var(--plentyGreysLimedSpruce);
   --footer-link-font-color: var(--plenty-secondaries-white);
   --footer-link-hover-color: var(--link_hover-font-color);
+  --cookie-background: var(--plenty-secondaries-white);
+  --cookie-button-background: var(--plentyRedCrimson);
+  --cookie-button-color: var(--plenty-secondaries-white);
+  --cookie-button-border: var(--plentyRedCrimson);
   /* docsearch */
   --docsearch-searchbox-background: var(--plenty-secondaries-white);
   --docsearch-muted-color: var(--plentyGreysLimedSpruce);
diff --git a/src/css/site-light-theme.css b/src/css/site-light-theme.css
index f76323a..82bc75c 100644
--- a/src/css/site-light-theme.css
+++ b/src/css/site-light-theme.css
@@ -25,5 +25,6 @@
 @import "swagger-ui.css";
 @import "plenty-icon-font.css";
 @import "icon-colours.css";
+@import "cookie.css";
 @import "search.css";
 @import "responsive.css";
diff --git a/src/css/site.css b/src/css/site.css
index ef7f0d9..c88dfc1 100644
--- a/src/css/site.css
+++ b/src/css/site.css
@@ -25,4 +25,5 @@
 @import "swagger-ui.css";
 @import "plenty-icon-font.css";
 @import "icon-colours.css";
+@import "cookie.css";
 @import "responsive.css";
diff --git a/src/helpers/i18n.js b/src/helpers/i18n.js
index f5d28ca..e1c6a97 100644
--- a/src/helpers/i18n.js
+++ b/src/helpers/i18n.js
@@ -1,15 +1,64 @@
 'use strict'
 
 module.exports = (...data) => {
-  const currentLang = data[0] || 'en-gb'
   const path = process.cwd()
-  let trans = 'Lorem ipsum'
+  const currentLang = data[0] || 'en-gb'
+  const inputKey = data[1]
+  const splitKey = inputKey.split('.')
+  const splitKeyElements = splitKey.length
+  const keyElementZero = splitKey[0]
+  const keyElementOne = splitKey[1]
+  const keyElementTwo = splitKey[2]
+  const keyElementThree = splitKey[3]
+  const keyElementFour = splitKey[4]
+  const keyElementFive = splitKey[5]
+  const keyElementSix = splitKey[6]
+  const keyElementSeven = splitKey[7]
+  const keyElementEight = splitKey[8]
+  const keyElementNine = splitKey[9]
+  let translation = 'Lorem ipsum'
+  let langJson = ''
   if (process.env.GITHUB_ACTION) {
-    trans = require(path + '/lang/' + currentLang + '.json')
+    langJson = require(path + '/lang/' + currentLang + '.json')
   } else if (path.includes('plenty-docs-ui')) {
-    trans = require(path + '/public/_/lang/' + currentLang + '.json')
+    langJson = require(path + '/public/_/lang/' + currentLang + '.json')
   } else {
-    return trans
+    return translation
+  }
+  switch (splitKeyElements) {
+    case 1:
+      translation = langJson[keyElementZero]
+      break
+    case 2:
+      translation = langJson[keyElementZero][keyElementOne]
+      break
+    case 3:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo]
+      break
+    case 4:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree]
+      break
+    case 5:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree][keyElementFour]
+      break
+    case 6:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree][keyElementFour][keyElementFive]
+      break
+    case 7:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree][keyElementFour][keyElementFive][keyElementSix]
+      break
+    case 8:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree][keyElementFour][keyElementFive][keyElementSix][keyElementSeven]
+      break
+    case 9:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree][keyElementFour][keyElementFive][keyElementSix][keyElementSeven][keyElementEight]
+      break
+    case 10:
+      translation = langJson[keyElementZero][keyElementOne][keyElementTwo][keyElementThree][keyElementFour][keyElementFive][keyElementSix][keyElementSeven][keyElementEight][keyElementNine]
+      break
+    default:
+      translation = 'Lorem ipsum'
+      break
   }
-  return trans[data[1]]
+  return translation
 }
diff --git a/src/js/13-cookies.js b/src/js/13-cookies.js
new file mode 100644
index 0000000..e8dade9
--- /dev/null
+++ b/src/js/13-cookies.js
@@ -0,0 +1,126 @@
+const name = 'plenty-cookies'
+
+class Cookies {
+  constructor () {
+    this.addListeners()
+    if (document.cookie.indexOf(name) === -1) {
+      this.toggleCookies()
+    }
+    this.setDefaultSettings()
+  }
+
+  addListeners () {
+    const acceptAllButton = document.getElementsByClassName('cookie-accept')
+    const acceptSelectedButton = document.getElementsByClassName('cookie-accept-selection')
+    const declineButton = document.getElementsByClassName('cookie-deny')
+    const showfurtherSettings = document.getElementById('show-cookie-further-settings')
+    const hidefurtherSettings = document.getElementById('hide-cookie-further-settings')
+
+    acceptAllButton[0].addEventListener('click', () => { this.setCookie(true, true, true, true, true) })
+    acceptSelectedButton[0].addEventListener('click', () => {
+      this.setCookie(this.consent, this.statistics.googleAnalytics, this.media.youtube, this.media.vimeo, this.functional.preferredLanguage)
+    })
+    declineButton[0].addEventListener('click', () => { this.setCookie(true, false, false, false, false) })
+    showfurtherSettings.addEventListener('click', () => { this.toggleExtraSettings('show') })
+    hidefurtherSettings.addEventListener('click', () => { this.toggleExtraSettings('hide') })
+
+    document.querySelectorAll('.cookie-settings').forEach((item) => {
+      item.addEventListener('click', (event) => {
+        if (typeof this[item.getAttribute('source')] === 'object' && this[item.getAttribute('source')] !== null) {
+          if (item.getAttribute('target') !== null) {
+            this[item.getAttribute('source')][item.getAttribute('target')] = !this[item.getAttribute('source')][item.getAttribute('target')]
+
+            let parentCheck = true
+            Object.keys(this[item.getAttribute('source')]).forEach((v) => {
+              if (!this[item.getAttribute('source')][v]) {
+                parentCheck = false
+              }
+            })
+
+            document.querySelectorAll('.cookie-settings[source="' + item.getAttribute('source') + '"]').forEach((v) => {
+              if (v !== item && v.getAttribute('target') === null) {
+                v.checked = parentCheck
+              }
+            })
+            return
+          }
+
+          Object.keys(this[item.getAttribute('source')]).forEach((v) => {
+            this[item.getAttribute('source')][v] = item.checked
+          })
+          document.querySelectorAll('.cookie-settings[source="' + item.getAttribute('source') + '"]').forEach((v) => {
+            v.checked = item.checked
+          })
+          document.querySelectorAll('.cookie-settings[source="' + item.getAttribute('source') + '"][target="' + item.getAttribute('target') + '"]').forEach((v) => {
+            v.checked = item.checked
+          })
+        }
+      })
+    })
+  }
+
+  toggleCookies (action) {
+    let display = 'block'
+    if (action === 'hide') {
+      display = 'none'
+    }
+    document.getElementsByClassName('cookie-bar')[0].style.display = display
+  }
+
+  toggleExtraSettings (action) {
+    let cookieSettingsDisplay = 'none'
+    let cookieFurtherSettingsDisplay = 'block'
+    if (action === 'hide') {
+      cookieSettingsDisplay = 'flex'
+      cookieFurtherSettingsDisplay = 'none'
+    }
+    document.getElementById('cookie-further-settings').style.display = cookieFurtherSettingsDisplay
+    document.getElementById('cookie-settings').style.display = cookieSettingsDisplay
+  }
+
+  setCookie (consent, googleAnalytics, youtube, vimeo, preferredLanguage) {
+    this.consent = consent
+    this.statistics.googleAnalytics = googleAnalytics
+    this.media.youtube = youtube
+    this.media.vimeo = vimeo
+    this.functional.preferredLanguage = preferredLanguage
+    document.cookie = name + '= ' + this.createCookie() + '; Secure'
+    this.toggleCookies('hide')
+    this.setDefaultSettings()
+  }
+
+  createCookie () {
+    const cookie = {}
+    cookie.necessary = {}
+    cookie.tracking = {}
+    cookie.media = {}
+    cookie.convenience = {}
+    cookie.necessary.consent = this.consent
+    cookie.necessary.session = this.consent
+    cookie.necessary.csrf = this.consent
+    cookie.necessary.elasticSearch = this.consent
+    cookie.tracking.googleAnalytics = this.statistics.googleAnalytics
+    cookie.media.youtube = this.media.youtube
+    cookie.media.vimeo = this.media.vimeo
+    cookie.convenience.languageDetection = this.functional.preferredLanguage
+    return JSON.stringify(cookie)
+  }
+
+  setDefaultSettings () {
+    this.consent = true
+    this.statistics = {}
+    this.statistics.googleAnalytics = false
+    this.media = {}
+    this.media.youtube = false
+    this.media.vimeo = false
+    this.functional = {}
+    this.functional.preferredLanguage = false
+  }
+}
+
+(function () {
+  window.addEventListener('DOMContentLoaded', (event) => {
+    // eslint-disable-next-line no-new
+    new Cookies()
+  })
+})()
diff --git a/src/lang/de-de.json b/src/lang/de-de.json
index d68c8ac..7f07c71 100644
--- a/src/lang/de-de.json
+++ b/src/lang/de-de.json
@@ -22,6 +22,116 @@
   "terms_and_conditions_text": "AGB",
   "terms_and_conditions_link": "https://www.plentymarkets.com/de/agb/",
 
+  "cookies_info": "Wir nutzen Cookies auf unserer Website. Einige von diesen sind essenziell, während andere uns helfen, diese Website und Ihre Erfahrung zu verbessern. Weitere Informationen zu den von uns verwendeten Cookies und Ihren Rechten als Nutzer finden Sie in unserer Datenschutzerklärung und unserem Impressum.",
+  "cookies_accept-selection": "Auswahl akzeptieren",
+  "cookies_accept-all": "Alle akzeptieren",
+  "cookies_reject-all": "Alle ablehnen",
+  "cookies_further_settings_label": "Weitere Einstellungen",
+  "cookies_further_settings_back": "Zurück",
+
+  "cookies_more_information": "Mehr Informationen",
+  "cookies_essential_tag_label": "Essenziell",
+  "cookies_provider_label": "Anbieter",
+  "cookies_purpose_label": "Zweck",
+  "cookies_privacy_policy_label": "Datenschutzerklärung",
+  "cookies_lifespan_label": "Laufzeit",
+
+  "cookies_essential-label": "Essenziell",
+  "cookies_essential": {
+    "amount": "5",
+    "description": "Essenzielle Cookies ermöglichen grundlegende Funktionen und sind für die einwandfreie Funktion der Website erforderlich.",
+    "cookies_convenience_label": "Komfort",
+    "cookies_consent_label": "Consent",
+    "cookies_session_label": "Session",
+    "cookies_csrf_label": "CSRF",
+    "cookies_elasticsearch_label": "Elasticsearch",
+
+    "cookies_convenience": {
+      "provider": "plentymarkets",
+      "purpose": "Durch Komfort-Cookies wird das Browsen der Seite für dich angenehmer.",
+      "privacy_policy": "https://www.plentymarkets.com/de/datenschutz/",
+      "lifespan": "Session"
+    },
+
+    "cookies_consent": {
+      "provider": "plentymarkets",
+      "purpose": "Der Consent-Cookie speichert den Zustimmungsstatus des Benutzers für Cookies auf unserer Seite.",
+      "privacy_policy": "https://www.plentymarkets.com/de/datenschutz/",
+      "lifespan": "Session"
+    },
+
+    "cookies_session": {
+      "provider": "plentymarkets",
+      "purpose": "Der Session-Cookie behält die Zustände des Benutzers bei allen Seitenanfragen bei.",
+      "privacy_policy": "https://www.plentymarkets.com/de/datenschutz/",
+      "lifespan": "Session"
+    },
+
+    "cookies_csrf": {
+      "provider": "plentymarkets",
+      "purpose": "Der CSRF-Cookie dient dazu, Cross-Site Request Forgery-Angriffe zu verhindern.",
+      "privacy_policy": "<https://www.plentymarkets.com/de/datenschutz/",
+      "lifespan": "Session"
+    },
+
+    "cookies_elasticsearch": {
+      "provider": "Elasticsearch B.V., Niederlande",
+      "purpose": "Der Elasticsearch-Cookie dient der strukturierten Indexierung der Inhalte unserer Webseite und der Suchfunktion für Nutzer.",
+      "privacy_policy": "https://www.elastic.co/de/legal/privacy-statement",
+      "lifespan": "Session"
+    }
+  },
+
+  "cookies_statistics-label": "Statistik",
+  "cookies_statistics": {
+    "amount": "1",
+    "description": "Statistik-Cookies erfassen Informationen anonym. Diese Informationen helfen uns zu verstehen, wie unsere Besucher unsere Website nutzen.",
+    "cookies_google_analytics_label": "Google Analytics",
+
+    "cookies_google_analytics": {
+      "provider": "Google Ireland Limited, Irland oder Google LLC, USA",
+      "purpose": "Zur Verbesserung unserer Produkte und Werbemaßnahmen",
+      "privacy_policy": "https://policies.google.com/privacy",
+      "lifespan": "2 Jahre"
+    }
+  },
+
+  "cookies_external-media-label": "Externe Medien",
+  "cookies_external_media": {
+    "amount": "2",
+    "description": "Inhalte von Videoplattformen und Social Media Plattformen werden standardmäßig blockiert. Wenn Cookies von externen Medien akzeptiert werden, bedarf der Zugriff auf diese Inhalte keiner manuellen Zustimmung mehr.",
+    "cookies_youtube_label": "Youtube",
+    "cookies_vimeo_label": "Vimeo",
+
+    "cookies_youtube": {
+      "provider": "Google Ireland Limited, Irland oder Google LLC, USA",
+      "purpose": "Zur Darstellung wichtiger Inhalte auf der Webseite",
+      "privacy_policy": "https://policies.google.com/privacy",
+      "lifespan": "2 Jahre"
+    },
+
+    "cookies_vimeo": {
+      "provider": "Vimeo Inc., USA",
+      "purpose": "Zur Darstellung wichtiger Inhalte auf der Webseite",
+      "privacy_policy": "https://vimeo.com/privacy",
+      "lifespan": "2 Jahre"
+    }
+  },
+
+  "cookies_functional-label": "Funktional",
+  "cookies_functional": {
+    "amount": "1",
+    "description": "Diese Cookies ermöglichen, dass die von Nutzern getroffenen Auswahlmöglichkeiten und bevorzugte Einstellungen (z.B. das Deaktivieren der Sprachweiterleitung) gespeichert werden können.",
+    "cookies_preferred_language_label": "Automatische Spracherkennung",
+
+    "cookies_preferred_language": {
+      "provider": "plentymarkets",
+      "purpose": "Dieser Cookie erfasst, ob ein Nutzer die Sprachweiterleitung abgelehnt hat.",
+      "privacy_policy": "https://www.plentymarkets.com/de/datenschutz/",
+      "lifespan": "Session"
+    }
+  },
+
   "footer_col_1": "PLENTYMARKETS",
   "footer_text_1_1": "Systemvoraussetzungen",
   "footer_link_1_1": "/de-de/manual/main/willkommen/systemvoraussetzungen.html",
diff --git a/src/lang/en-gb.json b/src/lang/en-gb.json
index eb4758b..c6eeb4a 100644
--- a/src/lang/en-gb.json
+++ b/src/lang/en-gb.json
@@ -22,6 +22,116 @@
   "terms_and_conditions_text": "Terms and conditions",
   "terms_and_conditions_link": "https://www.plentymarkets.com/en/terms-and-conditions/",
 
+  "cookies_info": "Our website uses cookies. Some of them are essential, others help us improve this website and your user experience. You can find further information about our use of cookies and your rights as a user in our privacy policy and our terms and conditions.",
+  "cookies_accept_selection": "Accept selection",
+  "cookies_accept_all": "Accept all",
+  "cookies_reject_all": "Reject all",
+  "cookies_further_settings_label": "Further settings",
+  "cookies_further_settings_back": "Back",
+
+  "cookies_more_information": "More information",
+  "cookies_essential_tag_label": "Essential",
+  "cookies_provider_label": "Provider",
+  "cookies_purpose_label": "Purpose",
+  "cookies_privacy_policy_label": "Privacy policy",
+  "cookies_lifespan_label": "Lifespan",
+
+  "cookies_essential_label": "Essential",
+  "cookies_essential": {
+    "amount": "5",
+    "description": "Essential cookies enable basic functions and are necessary for the proper functioning of the website.",
+    "cookies_convenience_label": "Convenience",
+    "cookies_consent_label": "Consent",
+    "cookies_session_label": "Session",
+    "cookies_csrf_label": "CSRF",
+    "cookies_elasticsearch_label": "Elasticsearch",
+
+    "cookies_convenience": {
+      "provider": "plentymarkets",
+      "purpose": "Convenience cookies improve your user experience.",
+      "privacy_policy": "https://www.plentymarkets.com/en/privacy-policy/",
+      "lifespan": "Session"
+    },
+
+    "cookies_consent": {
+      "provider": "plentymarkets",
+      "purpose": "The consent cookie stores the user's state of consent for cookies on our site.",
+      "privacy_policy": "https://www.plentymarkets.com/en/privacy-policy/",
+      "lifespan": "Session"
+    },
+
+    "cookies_session": {
+      "provider": "plentymarkets",
+      "purpose": "The session cookie retains the user's states during all page requests.",
+      "privacy_policy": "https://www.plentymarkets.com/en/privacy-policy/",
+      "lifespan": "Session"
+    },
+
+    "cookies_csrf": {
+      "provider": "plentymarkets",
+      "purpose": "The CSRF cookie serves to prevent cross-site request forgery attacks.",
+      "privacy_policy": "https://www.plentymarkets.com/en/privacy-policy/",
+      "lifespan": "Session"
+    },
+
+    "cookies_elasticsearch": {
+      "provider": "Elasticsearch B.V., Netherlands",
+      "purpose": "The Elasticsearch cookie is used to index the content of our website in a structured manner and it serves the search function for users.",
+      "privacy_policy": "https://www.elastic.co/legal/privacy-statement",
+      "lifespan": "Session"
+    }
+  },
+
+  "cookies_statistics_label": "Statistics",
+  "cookies_statistics": {
+    "amount": "1",
+    "description": "",
+    "cookies_google_analytics_label": "Google Analytics",
+
+    "cookies_google_analytics": {
+      "provider": "Google Ireland Limited, Irland or Google LLC, USA",
+      "purpose": "For improving our products and marketing",
+      "privacy_policy": "https://policies.google.com/privacy",
+      "lifespan": "2 years"
+    }
+  },
+
+  "cookies_external_media_label": "External media",
+  "cookies_external_media": {
+    "amount": "2",
+    "description": "Content by video platforms and social media platforms are blocked by default. If you accept cookies by external media, access to these contents requires no further consent.",
+    "cookies_youtube_label": "Youtube",
+    "cookies_vimeo_label": "Vimeo",
+
+    "cookies_youtube": {
+      "provider": "Google Ireland Limited, Irland or Google LLC, USA",
+      "purpose": "For displaying important contents on the website",
+      "privacy_policy": "https://policies.google.com/privacy",
+      "lifespan": "2 years"
+    },
+
+    "cookies_vimeo": {
+      "provider": "Vimeo Inc., USA",
+      "purpose": "For displaying important contents on the website",
+      "privacy_policy": "https://vimeo.com/privacy",
+      "lifespan": "2 years"
+    }
+  },
+
+  "cookies_functional_label": "Functional",
+  "cookies_functional": {
+    "amount": "1",
+    "description": "These cookies are used to store preferred settings and certain options selected by the user (e.g. disabling language redirect).",
+    "cookies_preferred_language_label": "Automatic language redirect",
+
+    "cookies_preferred_language": {
+      "provider": "plentymarkets",
+      "purpose": "This cookie saves the information whether a user has disabled the automatic language redirect.",
+      "privacy_policy": "https://www.plentymarkets.com/en/privacy-policy/",
+      "lifespan": "Session"
+    }
+  },
+
   "footer_col_1": "PLENTYMARKETS",
   "footer_text_1_1": "System requirements",
   "footer_link_1_1": "/en-gb/manual/main/welcome/quick-start-system-requirements.html",
diff --git a/src/partials/cookie-further-settings.hbs b/src/partials/cookie-further-settings.hbs
new file mode 100644
index 0000000..6ee9198
--- /dev/null
+++ b/src/partials/cookie-further-settings.hbs
@@ -0,0 +1,377 @@
+<div class="row py-3" id="cookie-further-settings">
+   <div class="col-12 mb-3">
+      <div class="privacy-settings d-flex flex-column">
+         <div class="privacy-settings-body overflow-auto">
+
+            <div class="card consent-group">
+               <div class="card-body mb-0">
+                  <p class="card-title h4 d-flex">
+                     <span class="flex-fill">
+                        {{ i18n page.attributes.lang 'cookies_essential_label' }} {{ i18n page.attributes.lang 'cookies_essential.amount' }}
+                     </span>
+                     <span class="badge badge-primary bg-appearance">
+                        {{ i18n page.attributes.lang 'cookies_essential_tag_label' }}
+                     </span>
+                  </p>
+                  <p class="card-text">
+                     {{ i18n page.attributes.lang 'cookies_essential.description' }}
+                  </p>
+               </div>
+               <div class="card-body mt-0">
+                  <div class="collapse" id="essentialSettings">
+                     <div class="card consent bg-light mb-3 border-primary border-appearance active">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_essential.cookies_convenience_label' }}
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_convenience.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_convenience.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_convenience.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_convenience.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                     <div class="card consent bg-light mb-3 border-primary border-appearance active">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_essential.cookies_consent_label' }}
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_consent.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_consent.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_consent.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_consent.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                     <div class="card consent bg-light mb-3 border-primary border-appearance active">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_essential.cookies_session_label' }}
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_session.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_session.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_session.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_session.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                     <div class="card consent bg-light mb-3 border-primary border-appearance active">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_essential.cookies_csrf_label' }}
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_csrf.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_csrf.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_csrf.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_csrf.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                     <div class="card consent bg-light mb-3 border-primary border-appearance active">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_essential.cookies_elasticsearch_label' }}
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_elasticsearch.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_elasticsearch.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_elasticsearch.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_essential.cookies_elasticsearch.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                  </div>
+                  <a class="card-link text-appearance" data-toggle="collapse" href="#essentialSettings" role="button" aria-expanded="false" aria-controls="essentialSettings">
+                     {{ i18n page.attributes.lang 'cookies_more_information' }}
+                  </a>
+               </div>
+            </div>
+
+            <div class="card consent-group">
+               <div class="card-body mb-0">
+                  <p class="card-title h4 d-flex">
+                     <span class="flex-fill">
+                        {{ i18n page.attributes.lang 'cookies_statistics_label' }} {{ i18n page.attributes.lang 'cookies_statistics.amount' }}
+                     </span>
+                  </p>
+                  <p class="card-text">
+                     {{ i18n page.attributes.lang 'cookies_statistics.description' }}
+                  </p>
+               </div>
+               <div class="card-body mt-0">
+                  <div class="collapse" id="statisticsSettings">
+                     <div class="card consent bg-light mb-3 border-primary border-appearance active">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_statistics.cookies_google_analytics_label' }}
+                              </span>
+                               <span class="custom-control custom-switch custom-control-appearance"><input type="checkbox" id="further-settings-google-analytics" class="custom-control-input cookie-settings" source="statistics" target="googleAnalytics">
+                                   <label for="further-settings-google-analytics" class="custom-control-label">
+
+                                   </label>
+                                </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_statistics.cookies_google_analytics.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_statistics.cookies_google_analytics.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_statistics.cookies_google_analytics.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_statistics.cookies_google_analytics.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                  </div>
+                  <a class="card-link text-appearance" data-toggle="collapse" href="#statisticsSettings" role="button" aria-expanded="false" aria-controls="statisticsSettings">
+                     {{ i18n page.attributes.lang 'cookies_more_information' }}
+                  </a>
+               </div>
+            </div>
+
+            <div class="card consent-group">
+               <div class="card-body mb-0">
+                  <p class="card-title h4 d-flex">
+                     <span class="flex-fill">
+                        {{ i18n page.attributes.lang 'cookies_external_media_label' }} {{ i18n page.attributes.lang 'cookies_external_media.amount' }}
+                     </span>
+                  </p>
+                  <p class="card-text">
+                     {{ i18n page.attributes.lang 'cookies_external_media.description' }}
+                  </p>
+               </div>
+               <div class="card-body mt-0">
+                  <div class="collapse" id="externalMediaSettings">
+                     <div class="card consent bg-light mb-3">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_external_media.cookies_youtube_label' }}
+                              </span>
+                              <span class="custom-control custom-switch custom-control-appearance"><input type="checkbox" id="further-settings-youtube" class="custom-control-input cookie-settings" source="media" target="youtube">
+                                 <label for="further-settings-youtube" class="custom-control-label">
+
+                                 </label>
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_youtube.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_youtube.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_youtube.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_youtube.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                     <div class="card consent bg-light mb-3">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_external_media.cookies_vimeo_label' }}
+                              </span>
+                              <span class="custom-control custom-switch custom-control-appearance"><input type="checkbox" id="further-settings-vimeo" class="custom-control-input cookie-settings" source="media" target="vimeo">
+                                 <label for="further-settings-vimeo" class="custom-control-label">
+
+                                 </label>
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_vimeo.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_vimeo.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_vimeo.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_external_media.cookies_vimeo.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                  </div>
+                  <a class="card-link text-appearance" data-toggle="collapse" href="#externalMediaSettings" role="button" aria-expanded="false" aria-controls="externalMediaSettings">
+                     {{ i18n page.attributes.lang 'cookies_more_information' }}
+                  </a>
+               </div>
+            </div>
+            <div class="card consent-group">
+               <div class="card-body mb-0">
+                  <p class="card-title h4 d-flex">
+                     <span class="flex-fill">
+                        {{ i18n page.attributes.lang 'cookies_functional_label' }} {{ i18n page.attributes.lang 'cookies_functional.amount' }}
+                     </span>
+                  </p>
+                  <p class="card-text">
+                     {{ i18n page.attributes.lang 'cookies_functional.description' }}
+                  </p>
+               </div>
+               <div class="card-body mt-0">
+                  <div class="collapse" id="functionalSettings">
+                     <div class="card consent bg-light mb-3">
+                        <div class="card-body">
+                           <p class="d-flex mb-0 font-weight-bold">
+                              <span class="flex-fill">
+                                 {{ i18n page.attributes.lang 'cookies_functional.cookies_preferred_language_label' }}
+                              </span>
+                              <span class="custom-control custom-switch custom-control-appearance"><input type="checkbox" id="further-settings-preferred-language" class="custom-control-input cookie-settings" source="functional" target="preferredLanguage">
+                                 <label for="further-settings-preferred-language" class="custom-control-label">
+
+                                 </label>
+                              </span>
+                           </p>
+                        </div>
+                        <table class="table table-responsive-md table-sm table-striped mb-0">
+                           <tbody>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_provider_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_functional.cookies_preferred_language.provider' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_purpose_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_functional.cookies_preferred_language.purpose' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_privacy_policy_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_functional.cookies_preferred_language.privacy_policy' }}</td>
+                              </tr>
+                              <tr>
+                                 <td class="pl-3">{{ i18n page.attributes.lang 'cookies_lifespan_label' }}</td>
+                                 <td class="pr-3">{{ i18n page.attributes.lang 'cookies_functional.cookies_preferred_language.lifespan' }}</td>
+                              </tr>
+                           </tbody>
+                        </table>
+                     </div>
+                  </div>
+                  <a class="card-link text-appearance" data-toggle="collapse" href="#functionalSettings" role="button" aria-expanded="false" aria-controls="functionalSettings">
+                     {{ i18n page.attributes.lang 'cookies_more_information' }}
+                  </a>
+               </div>
+            </div>
+         </div>
+      </div>
+   </div>
+
+   <div class="col-12 col-md-3">
+      <a href="#" class="text-appearance d-inline-block mb-3" id="hide-cookie-further-settings">
+         {{ i18n page.attributes.lang 'cookies_further_settings_back' }}
+      </a>
+   </div>
+</div>
diff --git a/src/partials/cookie.hbs b/src/partials/cookie.hbs
new file mode 100644
index 0000000..ce0ec46
--- /dev/null
+++ b/src/partials/cookie.hbs
@@ -0,0 +1,53 @@
+<div class="cookie-bar fixed-bottom">
+   <div class="container-max">
+      <div class="row py-3" id="cookie-settings">
+         <div class="col-12 col-md-8">
+            <p>
+               {{ i18n page.attributes.lang 'cookies_info' }}
+            </p>
+               <ul>
+                  <li>
+                     <a class="footer-link" href="{{ i18n page.attributes.lang 'privacy_policy_link' }}">{{ i18n page.attributes.lang 'privacy_policy_text' }}</a>
+                  </li>
+                  <li>
+                     <a class="footer-link" href="{{ i18n page.attributes.lang 'terms_and_conditions_link' }}">{{ i18n page.attributes.lang 'terms_and_conditions_text' }}</a>
+                  </li>
+               </ul>
+
+            <div>
+               <span class="custom-control custom-switch custom-control-appearance d-md-inline-block mr-3"><input type="checkbox" id="necessary-group" disabled="disabled" class="custom-control-input"> <label for="necessary-group" class="custom-control-label">
+                  {{ i18n page.attributes.lang 'cookies_essential_label' }}
+               </label></span>
+
+               <span class="custom-control custom-switch custom-control-appearance d-md-inline-block mr-3"><input type="checkbox" id="tracking-group" class="custom-control-input cookie-settings" source="statistics"> <label for="tracking-group" class="custom-control-label">
+                  {{ i18n page.attributes.lang 'cookies_statistics_label' }}
+               </label></span>
+
+               <span class="custom-control custom-switch custom-control-appearance d-md-inline-block mr-3"><input type="checkbox" id="external-group" class="custom-control-input cookie-settings" source="media"> <label for="external-group" class="custom-control-label">
+                  {{ i18n page.attributes.lang 'cookies_external_media_label' }}
+               </label></span>
+
+               <span class="custom-control custom-switch custom-control-appearance d-md-inline-block mr-3"><input type="checkbox" id="functional-group" class="custom-control-input cookie-settings" source="functional"> <label for="functional-group" class="custom-control-label">
+                  {{ i18n page.attributes.lang 'cookies_functional_label' }}
+               </label></span>
+
+               <a href="#" id="show-cookie-further-settings" class="text-appearance d-block d-md-inline-block">
+                  {{ i18n page.attributes.lang 'cookies_further_settings_label' }}
+               </a>
+            </div>
+         </div>
+         <div class="col-12 col-md-4 pt-3 pt-md-0">
+            <button class="btn btn-block btn-appearance cookie-accept-selection">
+               {{ i18n page.attributes.lang 'cookies_accept_selection' }}
+            </button>
+            <button class="btn btn-block btn-appearance cookie-accept">
+               {{ i18n page.attributes.lang 'cookies_accept_all' }}
+            </button>
+            <button class="btn btn-block btn-appearance cookie-deny">
+               {{ i18n page.attributes.lang 'cookies_reject_all' }}
+            </button>
+         </div>
+      </div>
+      {{> cookie-further-settings}}
+   </div>
+</div>
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
index 06915fa..7ef0dec 100644
--- a/src/partials/footer-content.hbs
+++ b/src/partials/footer-content.hbs
@@ -96,4 +96,5 @@
       </div>
     </div>
   </div>
+  {{> cookie}}
 </footer>