/* ==================================================
* Accessibility
* ================================================== */
/**! ==================================================
 * Mixin form fields
 * ================================================== */
/* ==================================================
 * Nav-block
 * ==================================================*/
/* ==================================================
 * Nav-Inline
 * ==================================================*/
/* ==================================================
* Nav-Pulldown
* ==================================================*/
/* ==================================================
* Nav-Toggle
* ==================================================*/
/**! ==================================================
 * Mixin page padding
 * ================================================== */
/* ==================================================
    Section
* ================================================== */
/* ==================================================
* Toggle
* ==================================================*/
/* ==================================================
* Toggle-list
* ==================================================*/
/* ==================================================
* Mixins and functions
* ================================================== */
/* ==================================================
* Basic variables
* ================================================== */
/* ==================================================
* Basic variables
* ================================================== */
/* ==================================================
* Palette
* ================================================== */
/* CSS Variables */
/* ==================================================
* Global theme / foundation tokens
* ================================================== */
:root {
  /* Brand */
  --color-brand-primary: #445038;
  --color-brand-secondary: #A65E3B;
  /* Text */
  --color-text-default: #3F3A35;
  --color-text-subtle: #C8C1B6;
  --color-text-strong: #000000;
  --color-text-inverted: #ffffff;
  /* Heading */
  --color-heading-default: #445038;
  --color-heading-subtle: #C8C1B6;
  --color-heading-strong: #000000;
  --color-heading-inverted: #ffffff;
  /* Surface */
  --color-surface-default: #FAF7F2;
  --color-surface-inverted: #3F3A35;
  --color-surface-subtle: #C8C1B6;
  --color-surface-accent: #A65E3B;
  --color-surface-strong: #445038;
  --color-surface-dark: #3F3A35;
  /* Border */
  --color-border-default: #445038;
  --color-border-inverted: #ffffff;
  --color-border-subtle: #C8C1B6;
  --color-border-strong: #A65E3B;
  --color-border-disabled: #C8C1B6;
  /* Icon */
  --color-icon-default: #445038;
  --color-icon-subtle: #C8C1B6;
  --color-icon-strong: #A65E3B;
  --color-icon-inverted: #ffffff;
  /* Feedback */
  --color-feedback-error: #A63D2E;
  /* Accessibility */
  --color-outline-accessibility: #7FA7B3;
}

/* ==================================================
* Font variables
* ================================================== */
:root {
  --font-family-sans: "PT Sans", "Verdana", "Arial", sans-serif;
  --font-family-serif: "";
}

/* ==================================================
* Basic maps
* ================================================== */
.cta, body .klaro .cookie-notice .cn-learn-more,
body .klaro .cookie-notice .cm-btn,
body .klaro .cookie-modal .cm-btn,
body .klaro .context-notice .cm-btn {
  --cta-color-text: var(--color-text-inverted);
  --cta-color-background: var(--color-brand-primary);
  --cta-color-border: var(--color-border-inverted);
  --cta-color-text-hover: var(--color-text-inverted);
  --cta-color-background-hover: var(--color-brand-secondary);
  --cta-color-border-hover: var(--color-border-inverted);
  --cta-color-text-hover-inverted: var(--color-text-default);
  --cta-color-background-hover-inverted: var(--color-surface-default);
  --cta-color-border-hover-inverted: var(--color-border-strong);
  color: var(--cta-color-text);
  background-color: var(--cta-color-background);
  -webkit-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
  border: 0;
  display: inline-block;
}
.cta span, body .klaro .cookie-notice .cn-learn-more span,
body .klaro .cookie-notice .cm-btn span,
body .klaro .cookie-modal .cm-btn span,
body .klaro .context-notice .cm-btn span {
  pointer-events: none;
}
.cta-default {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  line-height: 1em;
  border-top-left-radius: 0.75rem;
  padding: 0.625rem;
}
@media (min-width: 576px) {
  .cta-default {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 992px) {
  .cta-default {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
  }
}
.cta-default .cta-inner {
  display: inline-block;
  border: 0.0625rem solid var(--cta-color-border);
  border-top-left-radius: 0.75rem;
  padding: 0.3125rem 0.9375rem 0.3125rem 0.9375rem;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
}
.cta-small {
  display: inline;
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 576px) {
  .cta-small {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 992px) {
  .cta-small {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
  }
}
.cta:hover, body .klaro .cookie-notice .cn-learn-more:hover,
body .klaro .cookie-notice .cm-btn:hover,
body .klaro .cookie-modal .cm-btn:hover,
body .klaro .context-notice .cm-btn:hover {
  color: var(--cta-color-text-hover);
  background-color: var(--cta-color-background-hover);
}
.cta:hover.cta-default .cta-inner, body .klaro .cookie-notice .cn-learn-more:hover.cta-default .cta-inner,
body .klaro .cookie-notice .cm-btn:hover.cta-default .cta-inner,
body .klaro .cookie-modal .cm-btn:hover.cta-default .cta-inner,
body .klaro .context-notice .cm-btn:hover.cta-default .cta-inner {
  border: 0.0625rem solid var(--cta-color-border-hover);
}

[class^=bg-color-dark] .cta:hover, [class^=bg-color-dark] body .klaro .cookie-notice .cn-learn-more:hover, body .klaro .cookie-notice [class^=bg-color-dark] .cn-learn-more:hover,
[class^=bg-color-dark] body .klaro .cookie-notice .cm-btn:hover,
body .klaro .cookie-notice [class^=bg-color-dark] .cm-btn:hover,
[class^=bg-color-dark] body .klaro .cookie-modal .cm-btn:hover,
body .klaro .cookie-modal [class^=bg-color-dark] .cm-btn:hover,
[class^=bg-color-dark] body .klaro .context-notice .cm-btn:hover,
body .klaro .context-notice [class^=bg-color-dark] .cm-btn:hover,
[class*=" bg-color-dark"] .cta:hover,
[class*=" bg-color-dark"] body .klaro .cookie-notice .cn-learn-more:hover,
body .klaro .cookie-notice [class*=" bg-color-dark"] .cn-learn-more:hover,
[class*=" bg-color-dark"] body .klaro .cookie-notice .cm-btn:hover,
body .klaro .cookie-notice [class*=" bg-color-dark"] .cm-btn:hover,
[class*=" bg-color-dark"] body .klaro .cookie-modal .cm-btn:hover,
body .klaro .cookie-modal [class*=" bg-color-dark"] .cm-btn:hover,
[class*=" bg-color-dark"] body .klaro .context-notice .cm-btn:hover,
body .klaro .context-notice [class*=" bg-color-dark"] .cm-btn:hover {
  color: var(--cta-color-text-hover-inverted);
  background-color: var(--cta-color-background-hover-inverted);
}
[class^=bg-color-dark] .cta:hover.cta-default .cta-inner, [class^=bg-color-dark] body .klaro .cookie-notice .cn-learn-more:hover.cta-default .cta-inner, body .klaro .cookie-notice [class^=bg-color-dark] .cn-learn-more:hover.cta-default .cta-inner,
[class^=bg-color-dark] body .klaro .cookie-notice .cm-btn:hover.cta-default .cta-inner,
body .klaro .cookie-notice [class^=bg-color-dark] .cm-btn:hover.cta-default .cta-inner,
[class^=bg-color-dark] body .klaro .cookie-modal .cm-btn:hover.cta-default .cta-inner,
body .klaro .cookie-modal [class^=bg-color-dark] .cm-btn:hover.cta-default .cta-inner,
[class^=bg-color-dark] body .klaro .context-notice .cm-btn:hover.cta-default .cta-inner,
body .klaro .context-notice [class^=bg-color-dark] .cm-btn:hover.cta-default .cta-inner,
[class*=" bg-color-dark"] .cta:hover.cta-default .cta-inner,
[class*=" bg-color-dark"] body .klaro .cookie-notice .cn-learn-more:hover.cta-default .cta-inner,
body .klaro .cookie-notice [class*=" bg-color-dark"] .cn-learn-more:hover.cta-default .cta-inner,
[class*=" bg-color-dark"] body .klaro .cookie-notice .cm-btn:hover.cta-default .cta-inner,
body .klaro .cookie-notice [class*=" bg-color-dark"] .cm-btn:hover.cta-default .cta-inner,
[class*=" bg-color-dark"] body .klaro .cookie-modal .cm-btn:hover.cta-default .cta-inner,
body .klaro .cookie-modal [class*=" bg-color-dark"] .cm-btn:hover.cta-default .cta-inner,
[class*=" bg-color-dark"] body .klaro .context-notice .cm-btn:hover.cta-default .cta-inner,
body .klaro .context-notice [class*=" bg-color-dark"] .cm-btn:hover.cta-default .cta-inner {
  border: 0.0625rem solid var(--cta-color-border-hover-inverted);
}

body .klaro {
  --klaro-color-brand: var(--color-brand-primary);
  --klaro-color-background: var(--color-background);
  --klaro-color-context-background: var(--color-brand-secondary);
  --klaro-color-context-border: var(--color-brand-secondary);
  --klaro-color-text-inverted: var(--color-text-inverted);
  --klaro-color-button-text: var(--color-text-inverted);
  --klaro-color-button-text-hover: var(--color-text-default);
  --klaro-color-button-background: var(--color-brand-primary);
  --klaro-color-button-background-hover: var(--color-surface-accent);
  --klaro-color-link-text: var(--color-text);
  --klaro-color-link-text-hover: var(--color-text);
  --klaro-color-slider-background: var(--color-brand-primary);
  --klaro-color-slider-background-active: var(--color-brand-secondary);
  --green1: var(--color-brand-primary);
  --green2: var(--color-brand-primary);
  --green3: var(--color-brand-primary);
  --light1: var(--color-text-default);
  --dark3: var(--color-text-default);
  --font-family: var(--font-family-sans);
}
body .klaro.cm-as-context-notice {
  padding: 0;
}
body .klaro label {
  margin: 0;
}
body .klaro .cookie-notice:not(.cookie-modal-notice) {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  position: fixed;
  top: initial;
  right: 1rem;
  bottom: 1rem;
  left: initial;
  width: calc(100vw - 1rem * 2);
  background-color: var(--klaro-color-background);
  border-color: var(--klaro-color-background);
  border-radius: 0.25rem;
}
@media (min-width: 576px) {
  body .klaro .cookie-notice:not(.cookie-modal-notice) {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-notice:not(.cookie-modal-notice) {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-notice:not(.cookie-modal-notice) {
    max-width: 50rem;
  }
}
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
}
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok .cn-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0;
}
@media (min-width: 768px) {
  body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok .cn-buttons {
    width: auto;
  }
}
body .klaro .cookie-modal .cm-modal .cm-header h1.title {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
@media (min-width: 576px) {
  body .klaro .cookie-modal .cm-modal .cm-header h1.title {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-modal .cm-modal .cm-header h1.title {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 3rem;
    line-height: 3rem;
  }
}
body .klaro .cookie-modal .cm-header {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 576px) {
  body .klaro .cookie-modal .cm-header {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-modal .cm-header {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
}
body .klaro .cookie-modal .cm-header .title {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 2rem;
  line-height: 2rem;
}
@media (min-width: 576px) {
  body .klaro .cookie-modal .cm-header .title {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-modal .cm-header .title {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 3.875rem;
    line-height: 3.75rem;
  }
}
body .klaro .cookie-modal .cm-caret,
body .klaro .cookie-modal .cm-list-description {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
@media (min-width: 576px) {
  body .klaro .cookie-modal .cm-caret,
  body .klaro .cookie-modal .cm-list-description {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-modal .cm-caret,
  body .klaro .cookie-modal .cm-list-description {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
  }
}
body .klaro .cookie-modal .cm-list-title {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  body .klaro .cookie-modal .cm-list-title {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 992px) {
  body .klaro .cookie-modal .cm-list-title {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 1.75rem;
  }
}
body .klaro .cookie-modal .cm-footer-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: column !important;
          flex-flow: column !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  body .klaro .cookie-modal .cm-footer-buttons {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-flow: row !important;
            flex-flow: row !important;
  }
}
body .klaro .cookie-modal .cm-footer-buttons .cm-btn {
  width: 100%;
}
body .klaro .cookie-modal .cm-footer-buttons .cm-btn:last-child {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
@media (min-width: 768px) {
  body .klaro .cookie-modal .cm-footer-buttons .cm-btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  body .klaro .cookie-modal .cm-footer-buttons .cm-btn:last-child {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
body .klaro .context-notice {
  font-family: var(--font-family-sans);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: var(--klaro-color-context-background);
  border-color: var(--klaro-color-context-border);
  border-radius: 0;
}
@media (min-width: 576px) {
  body .klaro .context-notice {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 992px) {
  body .klaro .context-notice {
    font-family: var(--font-family-sans);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
}
body .klaro .cookie-notice a:link,
body .klaro .cookie-notice a:visited,
body .klaro .cookie-notice a:hover,
body .klaro .cookie-modal a:link,
body .klaro .cookie-modal a:visited,
body .klaro .cookie-modal a:hover {
  color: var(--klaro-color-text-inverted);
  line-height: 2rem;
  text-align: center;
}
body .klaro .cookie-notice .cn-learn-more,
body .klaro .cookie-notice .cm-btn,
body .klaro .cookie-modal .cm-btn,
body .klaro .context-notice .cm-btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 3rem;
  margin-top: 0 !important;
  margin-right: 0 !important;
  padding: 0.5rem 1rem;
  color: var(--klaro-color-button-text);
  background-color: var(--klaro-color-button-background) !important;
  background-image: none;
  border: 0;
  border-radius: var(--cta-border-radius);
  overflow: hidden;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
body .klaro .cookie-notice .cn-learn-more:hover:not(.disabled),
body .klaro .cookie-notice .cm-btn:hover:not(.disabled),
body .klaro .cookie-modal .cm-btn:hover:not(.disabled),
body .klaro .context-notice .cm-btn:hover:not(.disabled) {
  color: var(--klaro-color-button-text-hover);
  background-color: var(--klaro-color-button-background-hover) !important;
}
@media (min-width: 768px) {
  body .klaro .cookie-notice .cn-learn-more,
  body .klaro .cookie-notice .cm-btn,
  body .klaro .cookie-modal .cm-btn,
  body .klaro .context-notice .cm-btn {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}
body .klaro .context-notice .cm-btn.cm-btn-success-var,
body .klaro .cookie-notice .cm-btn.cm-btn-success-var,
body .klaro .cookie-modal .cm-btn.cm-btn-success-var,
body .klaro .cookie-modal .cm-btn.cm-btn-success,
body .klaro .cookie-modal .cm-btn.cm-btn-accept,
body .klaro .cookie-modal .cm-btn.cm-btn-decline {
  color: var(--klaro-color-button-text);
  background-color: var(--klaro-color-button-background) !important;
}
body .klaro .context-notice .cm-btn.cm-btn-success-var:hover:not(.disabled),
body .klaro .cookie-notice .cm-btn.cm-btn-success-var:hover:not(.disabled),
body .klaro .cookie-modal .cm-btn.cm-btn-success-var:hover:not(.disabled),
body .klaro .cookie-modal .cm-btn.cm-btn-success:hover:not(.disabled),
body .klaro .cookie-modal .cm-btn.cm-btn-accept:hover:not(.disabled),
body .klaro .cookie-modal .cm-btn.cm-btn-decline:hover:not(.disabled) {
  color: var(--klaro-color-button-text-hover);
  background-color: var(--klaro-color-button-background-hover) !important;
}
body .klaro .context-notice .cm-list-label .slider,
body .klaro .cookie-notice .cm-list-label .slider,
body .klaro .cookie-modal .cm-list-label .slider {
  background-color: var(--klaro-color-slider-background);
  opacity: 0.6;
}
body .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
body .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
body .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: var(--klaro-color-slider-background-active);
  opacity: 1;
}
body .klaro .klaro-table {
  margin-top: 1rem;
}
body .klaro .purposes {
  display: none;
}