body #cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1rem;

  --btn-font-color: #000;
  --btn-border-color: #000;
  --btn-bg-color: #ffb231;
  --btn-prime-font-color: #000;
  --btn-prime-border-color: #000;
  --btn-prime-bg-color: #ffb231;
  --btn-inv-font-color: #000;
  --btn-inv-border-color: #fff;
  --btn-inv-bg-color: #ffa631;
  --btn-prime-inv-font-color: #000;
  --btn-prime-inv-border-color: #fff;
  --btn-prime-inv-bg-color: #ffa631;

  --link-list-font-color: rgba(0, 0, 0, 0.8);
  --link-list-separator-color: rgba(0, 0, 0, 0.8);

  --banner-logo-offset: 100px;
  --banner-bg-color: #e8e8e8;
  --banner-font-color: #000;

  --layer-header-height: 3.5em;
  --layer-header-bg-color: #fff;
  --layer-header-font-color: #000;
  --layer-body-bg-color: #fff;
  --layer-tab-bg-color: #fff;
  --layer-tab-font-color: #000;
  --layer-tab-active-bg-color: #ffb231;
  --layer-tab-active-font-color: #000;
  --layer-bg-dark: #ffb231;
  --layer-font-light: #444;
  --layer-font-dark: #000;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #fff;
  --layer-footer-font-color: #000;
  --layer-footer-height: 4.5rem;

  --switch-border-color: #e4e5e6;
  --switch-handle-color: #fff;
  --switch-bg-off: #fff;
  --switch-bg-on: #5dbc56;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #5dbc56;
  --switch-always-on-bg-color: #e8e8e8;
}

.cookiesjsr-btn {
  text-transform: none;
  white-space: normal;
}

.cookiesjsr-service-group--tab:hover,
.cookiesjsr-layer--close:hover {
  background-color: #ffa631 !important;
  color: #000 !important;
}

.cookiesjsr-btn:hover,
.cookiesjsr-btn:active,
.cookiesjsr-btn:focus {
  background-color: #ffb231 !important;
  color: #000 !important;
}

button.denyAll {
  display: inline-block !important;
}

.cookiesjsr-layer--body {
  bottom: 13rem;
}

.cookiesjsr-layer--footer {
  height: auto;
  padding: 1rem var(--default-margin,1.25em);
}

.cookiesjsr-layer--footer .cookiesjsr-layer--actions {
  flex-direction: column;
  padding: 0 3rem;
}

#panel-default .cookiesjsr-service-group--services {
  display: none;
}

#panel-notwendig .cookiesjsr-service--description h3 {
  max-width: 20ch;
}

.cookiesjsr-banner .cookiesjsr-banner--action {
  flex-direction: column;
  padding: 0 3rem;
}

/* Button to open Cookie-Settings */
#cookie-settings {
  position: fixed;
  z-index: 10;
  left: 2rem;
  bottom: 2rem;
}

@media (min-width: 768px) {
  /* Reset wrongly added +2em of cookiesjsr */
  .cookiesjsr-service-group--tab {
    width: calc(30%) !important;
  }

  .cookiesjsr-layer--body {
    bottom: var(--layer-footer-height,4.5em);
  }

  #panel-notwendig .cookiesjsr-service--description h3 {
    max-width: 100%;
  }

  #panel-tracking {
    overflow-y: scroll;
    height: initial;
    bottom: 8.4rem;
  }
}