:root {
  --cookie-banner-bg-color: #0E3754;
  --cookie-banner-button-color: #2C83C0;
  --cookie-banner-font-color: #FFFFFF;
}

/*
 * Banner / Popup
 */
.cookiesjsr-banner {
  background-color: var(--cookie-banner-bg-color);
}

.user-logged-in.toolbar-horizontal.toolbar-tray-open header.cookiesjsr-layer--header{
  top: 0;
}

.cookiesjsr-btn {
  background-color: var(--cookie-banner-button-color);
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background: var(--cookie-banner-bg-color);
}

.cookiesjsr-btn.invert{
  border-color: var(--cookie-banner-bg-color);
  color: var(--cookie-banner-bg-color);
}

.cookiesjsr-btn.important.invert{
  background-color: var(--cookie-banner-bg-color);
  border-color: var(--cookie-banner-bg-color);
}

.cookiesjsr-service-group--content div,
.cookiesjsr-service-group--content h3,
.cookiesjsr-service-group--content a,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab{
  color: var(--cookie-banner-font-color);
}

/*
 * Page
 */
.path-cookies .block-system-main-block h2 {
  margin-bottom: 1em;
}

.path-cookies .block-system-main-block h3 {
  margin-bottom: .8em;
}

.path-cookies .block-system-main-block h4 {
  margin-bottom: .6em;
}

.path-cookies .block-system-main-block table {
  border-collapse: separate;
  border-spacing: 10px 1em;
}

.path-cookies .block-system-main-block {
  display: grid;
  margin: 0 auto;
  width: 90%;
  gap: 30px;
  grid-template-rows: repeat(1,1fr);
  grid-template-columns: repeat(1,1fr)
}

@media (min-width: 576px) {
  .path-cookies .block-system-main-block {
    grid-template-rows:repeat(1,1fr);
    grid-template-columns: repeat(4,1fr)
  }
}

@media (min-width: 849px) {
  .path-cookies .block-system-main-block {
    grid-template-rows:repeat(1,1fr);
    grid-template-columns: repeat(8,1fr)
  }
}

@media (min-width: 1200px) {
  .path-cookies .block-system-main-block {
    width:auto;
    grid-template-rows: repeat(1,1fr);
    grid-template-columns: repeat(12,1fr)
  }
}

.path-cookies .block-system-main-block #cookies-docs {
  display: grid;
  margin-top: 50px;
  width: auto;
  grid-column: auto/span 1;
  gap: 30px;
  grid-template-rows: repeat(1,1fr);
  grid-template-columns: repeat(1,1fr)
}

@media (min-width: 576px) {
  .path-cookies .block-system-main-block #cookies-docs {
    grid-column:auto/span 4;
  }
}

@media (min-width: 849px) {
  .path-cookies .block-system-main-block #cookies-docs {
    grid-column-start:1;
    grid-column-end: 9;
  }
}

@media (min-width: 1200px) {
  .path-cookies .block-system-main-block #cookies-docs {
    grid-column-start:3;
    grid-column-end: 11;
  }
}

/* Cookie Settings reopen */

.change-cookie-settings {
  border-radius: 0 10px 0 0;
  bottom: 0;
  box-shadow: none;
  flex-basis: auto;
  font-size: .9rem;
  height: 50px;
  left: 0;
  max-width: none;
  opacity: .7;
  overflow: hidden;
  padding: 0;
  position: fixed;
  width: 50px;
  transition: opacity .4s ease-in-out;
  z-index: 999;
}

.change-cookie-settings a {
  background-color: #9e9d9f;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQyMC43IDQyMC43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MjAuNyA0MjAuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMwMDU2OUY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDEuOSwxMjAuNmMtMTYuNCwzLjEtMjkuMiwxNi0zMi40LDMyLjRoODBDMjQ1LjMsMTMwLjksMjI0LDExNi40LDIwMS45LDEyMC42eiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxMC4yLDYxYy0wLjYtMC4xLTc4LDIuNi0xMjQuOSwyMi45djEyOC42YzAsMy42LDIuOSw5MC44LDEyNC45LDE0Ni40YzEyMi42LTU2LDEyNC45LTE0NS42LDEyNC45LTE0Ni41CgkJCVY4My44QzI4OC4yLDYzLjUsMjEwLjgsNjEsMjEwLjIsNjF6IE0yODUuNiwyNTAuM2MwLDguOC03LjIsMTYtMTYsMTZIMTUwLjljLTguOCwwLTE2LTcuMi0xNi0xNlYxNjljMC04LjgsNy4yLTE2LDE2LTE2aDIuNQoJCQljNC43LTMwLjksMzMuNi01Mi4yLDY0LjUtNDcuNWMyNC41LDMuNyw0My44LDIzLDQ3LjUsNDcuNWgwLjJoNGM4LjgsMCwxNiw3LjIsMTYsMTZMMjg1LjYsMjUwLjNMMjg1LjYsMjUwLjN6Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUwLjksMTY5djgxLjRoMTE4LjdWMTY5SDE1MC45eiBNMjE4LjIsMjIzLjRjMCw0LjQtMy42LDgtOCw4cy04LTMuNi04LThWMTk2YzAtNC40LDMuNi04LDgtOHM4LDMuNiw4LDgKCQkJVjIyMy40eiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4NC41LDMzLjhDMzIxLjYsMy42LDIxNC45LDAuMSwyMTAuMiwwQzIwNS41LTAuMSw5OS4xLDMuNiwzNi4xLDMzLjhjLTIuOCwxLjMtNC42LDQuMS00LjYsNy4ydjE3Mi4yCgkJCWMwLDUuMywzLjIsMTMwLjMsMTc2LDIwNi44YzIuMSwwLjksNC40LDAuOSw2LjUsMGMxNzIuMi03Ni42LDE3NS0yMDEuNywxNzUtMjA2LjlWNDFDMzg5LjEsMzgsMzg3LjMsMzUuMiwzODQuNSwzMy44egoJCQkgTTM1MS4xLDIxMi41YzAsNC4yLTIuNiwxMDIuNi0xMzcuNiwxNjIuNWMtMi4xLDAuOS00LjQsMC45LTYuNSwwQzcxLjksMzE1LDY5LjQsMjE2LjcsNjkuNCwyMTIuNlY3OC43YzAtMy4xLDEuOC01LjksNC42LTcuMgoJCQljNDkuMy0yNCwxMzIuNi0yNi40LDEzNi0yNi41czg3LjMsMi44LDEzNi42LDI2LjVjMi44LDEuMyw0LjYsNC4xLDQuNiw3LjJMMzUxLjEsMjEyLjVMMzUxLjEsMjEyLjV6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==");
  background-position: 10px 50%;
  background-repeat: no-repeat;
  background-size: 27px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 50px;
  line-height: 0;
  width: 50px;
}

.change-cookie-settings:hover {
  opacity: .9;
  transition: opacity .4s ease-in-out;
}