:root {
  /*
  --default-margin: 1.25em;
  --font-size-reset: 1rem;
  --btn-font-color: var(--weiss);
  --btn-border-color: var(--weiss);
  --btn-bg-color: var(--actioncolor);
  --btn-prime-font-color: var(--actioncolor);
  --btn-prime-border-color: var(--weiss);
  --btn-prime-bg-color: var(--weiss);
  --btn-inv-font-color: var(--actioncolor);
  --btn-inv-border-color: var(--actioncolor);
  --btn-inv-bg-color: var(--weiss);
  --btn-prime-inv-font-color: var(--weiss);
  --btn-prime-inv-border-color: var(--actioncolor);
  --btn-prime-inv-bg-color: var(--actioncolor);
  --link-list-font-color: var(--weiss);
  --link-list-separator-color: var(--weiss)fff;
  --banner-logo-offset: 100px;
  --banner-bg-color: var(--actioncolor);
  --banner-font-color: var(--weiss);
  --layer-header-height: 3.5em;
  --layer-header-bg-color: var(--weiss);
  --layer-header-font-color: var(--schwarz);
  --layer-body-bg-color: var(--weiss);
  --layer-tab-bg-color: var(--weiss);
  --layer-tab-font-color: var(--schwarz);
  --layer-tab-active-bg-color: var(--actioncolor);
  --layer-tab-active-font-color: var(--weiss);
  --layer-bg-dark: var(--actioncolor);
  --layer-font-light: var(--weiss);
  --layer-font-dark: var(--actioncolor);
  --layer-border-color: var(--weiss);
  --layer-footer-bg-color: var(--weiss);
  --layer-footer-font-color: var(--actioncolor);
  --layer-footer-height: 4.5em;
  --switch-border-color: var(--weiss);
  --switch-handle-color: var(--weiss);
  --switch-bg-off: var(--actioncolor);
  --switch-bg-on: #0a0;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #0a0;
  --switch-always-on-bg-color: var(--weiss);
  */
}

.cookiesjsr-banner {
  background-color: var(--schwarz);
  display: block;
  text-align: left;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-btn.important.invert,
.cookiesjsr-service--description h3,
.cookiesjsr-service--links a, 
.cookiesjsr-service--links a:active, 
.cookiesjsr-service--links a:hover, 
.cookiesjsr-service--links a:visited,
.cookiesjsr-banner a,
.cookiesjsr-banner a:hover,
.cookiesjsr-banner a:visited,
.cookiesjsr-banner a:active,
.cookies-fallback--btn {
  color: var(--weiss);
}

.cookies-fallback--btn {
  background: var(--schwarz);
}

.cookies-fallback--text {
  color: var(--schwarz);
}

.cookiesjsr-banner--info {
  width: 100%;
  margin: 0px;
  padding: 0px .625em;
  overflow: visible;
}

.cookiesjsr--app {
  font-size: 70%;
  line-height: var(--lineheight);
  text-align: left;
}
.cookiesjsr-btn {
  border: 0px;
  background-color: var(--weiss);
  color: var(--schwarz);
}

.cookiesjsr-btn.important.invert {
  background-color: var(--schwarz);
}

.cookiesjsr-btn.important.denyAll,
.cookiesjsr-btn.invert {
  color: var(--schwarz);
} 

.cookiesjsr-btn.important.allowAll {
  background-color: var(--weiss);
  color: var(--schwarz);
  font-weight: 700;
}

.cookiesjsr-layer--header {
  height: var(--layer-header-height) !important;
  overflow: hidden;
  min-height: var(--layer-header-height) !important;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background:  var(--schwarz);
}


@media (max-width: 1200px) {
  .cookiesjsr-banner--action {
    flex-direction: row;
  }
  
  .cookiesjsr-banner--action {
    width: 100%;
  }
  
  .cookiesjsr-banner--action > button {
    flex-basis: 33.333333%
  }
}

@media (max-width: 667px) {
  .cookiesjsr-banner--action {
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .cookiesjsr-banner--action {
    width: 100%;
  }
  
  .cookiesjsr-banner--action > button {
    flex-basis: 100%
  }
}

.block-cookies-docs-block {
  font-size: 100%;
  line-height: var(--lineheight);
  padding: 0px;
  box-sizing: border-box;
  margin-top: 2vh;
  margin-bottom: 5vh;
  text-align: left;
}

.block-cookies-docs-block h2 {
  margin-top: 5vh;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-transform: uppercase;
}

.block-cookies-docs-block h3 {

}

.block-cookies-docs-block table {
  text-align: left;
  padding: 0px;
  margin: 0px;
}

.block-cookies-docs-block table th {
  vertical-align: top;
  padding-right: 30px;
  padding-bottom: 10px;
  box-sizing: border-box;
  white-space: nowrap;
}

.block-cookies-docs-block table tr td {

}

.block-cookies-docs-block table td {
  vertical-align: top;
  padding: 10px;
  background: #F8f8f8;
  box-sizing: border-box;
}

.block-cookies-docs-block table tr:not(:last-child) {
  border-bottom: solid 1px var(--schwarz);
}

.block-cookies-docs-block  dd {
  margin-left: 0px;
  margin-top: 20px;
}

.cookies-fallback--google_maps {
  background: url("../images/previewmap.svg") !important;
}


@media only screen and (max-width: 667px)  {
  .cookiesjsr-layer {
      height: 80vh;
  }
  
  .cookiesjsr-banner--action {
    display: flex;
    flex-direction: column-reverse;
  }
  
}