body.consentfriend-modal-open {
  overflow: hidden
}

.klaro, .klaro button {
  font-family: var(--consentfriend-font-family, var(--font-family, inherit));
  font-size: var(--consentfriend-font-size, var(--font-size, 14px))
}

.klaro.cm-as-context-notice {
  height: 100%;
  padding-bottom: 12px;
  padding-top: 12px
}

.klaro .context-notice .cm-switch-container, .klaro .cookie-modal .cm-switch-container, .klaro .cookie-notice .cm-switch-container {
  border-bottom: var(--consentfriend-border-width, var(--border-width, 1px)) var(--consentfriend-border-style, var(--border-style, solid)) var(--consentfriend-light2, var(--light2, #292929));
  display: block;
  line-height: 20px;
  min-height: 40px;
  padding: 10px 10px 10px 66px;
  position: relative;
  vertical-align: middle
}

.klaro .context-notice .cm-switch-container:last-child, .klaro .cookie-modal .cm-switch-container:last-child, .klaro .cookie-notice .cm-switch-container:last-child {
  border-bottom: 0
}

.klaro .context-notice .cm-switch-container:first-child, .klaro .cookie-modal .cm-switch-container:first-child, .klaro .cookie-notice .cm-switch-container:first-child {
  margin-top: 0
}

.klaro .context-notice .cm-switch-container p, .klaro .cookie-modal .cm-switch-container p, .klaro .cookie-notice .cm-switch-container p {
  margin-top: 0
}

.klaro .context-notice .cm-switch, .klaro .cookie-modal .cm-switch, .klaro .cookie-notice .cm-switch {
  display: inline-block;
  height: 30px;
  position: relative;
  width: 50px
}

.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: var(--consentfriend-green1, var(--green1, #22b24c))
}

.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: var(--consentfriend-green1, var(--green1, #22b24c));
  opacity: .6
}

.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider:before, .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider:before, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider:before {
  transform: translateX(10px)
}

.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
  background-color: var(--consentfriend-green2, var(--green2, #37d966));
  opacity: .8
}

.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider:before, .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider:before, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider:before {
  transform: translateX(10px)
}

.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: var(--consentfriend-green2, var(--green2, #37d966));
  cursor: not-allowed;
  opacity: .8
}

.klaro .context-notice .cm-list-input, .klaro .cookie-modal .cm-list-input, .klaro .cookie-notice .cm-list-input {
  height: 30px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 50px
}

.klaro .context-notice .cm-list-title, .klaro .cookie-modal .cm-list-title, .klaro .cookie-notice .cm-list-title {
  font-size: .9em;
  font-weight: 600
}

.klaro .context-notice .cm-list-description, .klaro .cookie-modal .cm-list-description, .klaro .cookie-notice .cm-list-description {
  color: var(--consentfriend-dark3, var(--dark3, #555));
  font-size: .9em;
  padding-top: 4px
}

.klaro .context-notice .cm-list-label .cm-switch, .klaro .cookie-modal .cm-list-label .cm-switch, .klaro .cookie-notice .cm-list-label .cm-switch {
  left: 0;
  position: absolute
}

.klaro .context-notice .cm-list-label .slider, .klaro .cookie-modal .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
  background-color: var(--consentfriend-white2, var(--white2, #ccc));
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
  width: 50px
}

.klaro .context-notice .cm-list-label .slider:before, .klaro .cookie-modal .cm-list-label .slider:before, .klaro .cookie-notice .cm-list-label .slider:before {
  background-color: var(--consentfriend-white3, var(--white3, #fff));
  bottom: 5px;
  content: "";
  height: 20px;
  left: 5px;
  position: absolute;
  transition: .4s;
  width: 20px
}

.klaro .context-notice .cm-list-label .slider.round, .klaro .cookie-modal .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {
  border-radius: 30px
}

.klaro .context-notice .cm-list-label .slider.round:before, .klaro .cookie-modal .cm-list-label .slider.round:before, .klaro .cookie-notice .cm-list-label .slider.round:before {
  border-radius: 50%
}

.klaro .context-notice .cm-list-label input:focus + .slider, .klaro .cookie-modal .cm-list-label input:focus + .slider, .klaro .cookie-notice .cm-list-label input:focus + .slider {
  box-shadow-color: var(--consentfriend-green3, var(--green3, #5fe085));
  box-shadow: 0 0 1px var(--box-shadow-color, green3)
}

.klaro .context-notice .cm-list-label input:checked + .slider:before, .klaro .cookie-modal .cm-list-label input:checked + .slider:before, .klaro .cookie-notice .cm-list-label input:checked + .slider:before {
  transform: translateX(20px)
}

.klaro .context-notice .cm-list-input:focus + .cm-list-label .slider, .klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
  box-shadow: 0 4px 6px 0 hsla(0, 0%, 49%, .2), 5px 5px 10px 0 hsla(0, 0%, 49%, .19)
}

.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider:before, .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider:before, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider:before {
  transform: translateX(20px)
}

.klaro .context-notice .slider, .klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1), 0 0 12px 0 rgba(0, 0, 0, .1)
}

.klaro .context-notice a, .klaro .cookie-modal a, .klaro .cookie-notice a {
  color: var(--consentfriend-green1, var(--green1, #22b24c));
  text-decoration: none
}

.klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice li, .klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice ul, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal li, .klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal ul, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice ul {
  color: var(--consentfriend-light1, var(--light1, #333))
}

.klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice li, .klaro .context-notice p, .klaro .context-notice ul, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal li, .klaro .cookie-modal p, .klaro .cookie-modal ul, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice li, .klaro .cookie-notice p, .klaro .cookie-notice ul {
  display: block;
  margin: .7em 0 0;
  padding: 0;
  text-align: left
}

.klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice h3, .klaro .context-notice h4, .klaro .context-notice h5, .klaro .context-notice h6, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal h3, .klaro .cookie-modal h4, .klaro .cookie-modal h5, .klaro .cookie-modal h6, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice h3, .klaro .cookie-notice h4, .klaro .cookie-notice h5, .klaro .cookie-notice h6 {
  font-family: var(--consentfriend-title-font-family, var(--title-font-family, inherit))
}

.klaro .context-notice .cm-link, .klaro .cookie-modal .cm-link, .klaro .cookie-notice .cm-link {
  margin-right: .5em;
  vertical-align: middle
}

.klaro .context-notice .cm-btn, .klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn {
  background-color: var(--consentfriend-dark2, var(--dark2, #555));
  border-radius: var(--consentfriend-border-radius, var(--border-radius, 3px));
  border-style: none;
  color: var(--consentfriend-button-text-color, var(--button-text-color, #fff));
  cursor: pointer;
  font-size: 1em;
  margin-right: .5em;
  padding: .4em
}

.klaro .context-notice .cm-btn:disabled, .klaro .cookie-modal .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {
  opacity: .5
}

.klaro .context-notice .cm-btn.cm-btn-close, .klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background-color: var(--consentfriend-light2, var(--light2, #292929))
}

.klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  background-color: var(--consentfriend-green1, var(--green1, #22b24c))
}

.klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {
  background-color: var(--consentfriend-green2, var(--green2, #37d966))
}

.klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background-color: var(--consentfriend-blue1, var(--blue1, #369))
}

.klaro .context-notice {
  align-items: center;
  background-color: var(--consentfriend-light1, var(--light1, #333));
  border-color: var(--consentfriend-light2, var(--light2, #292929));
  border-radius: var(--consentfriend-border-radius, var(--border-radius, 3px));
  border-style: var(--consentfriend-border-style, var(--border-style, solid));
  border-width: var(--consentfriend-border-width, var(--border-width, 1px));
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  padding: 12px
}

.klaro .context-notice.cm-dark {
  background-color: var(--consentfriend-dark1, var(--dark1, #fff));
  border-color: var(--consentfriend-dark2, var(--dark2, #555))
}

.klaro .context-notice.cm-dark p {
  color: var(--consentfriend-light1, var(--light1, #333))
}

.klaro .context-notice.cm-dark p a {
  color: var(--consentfriend-blue2, var(--blue2, #4785c2))
}

.klaro .context-notice p {
  color: var(--consentfriend-dark1, var(--dark1, #fff));
  flex-grow: 0;
  margin-top: 0;
  padding-top: 0;
  text-align: center
}

.klaro .context-notice p a {
  color: var(--consentfriend-green2, var(--green2, #37d966))
}

.klaro .context-notice p.cm-buttons {
  margin-top: 12px
}

.klaro .context-notice p.ccn-description-empty-store {
  font-size: var(--consentfriend-font-size, var(--font-size, 14px));
  margin-top: 24px
}

.klaro .cookie-modal {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

.klaro .cookie-modal.cm-embedded {
  height: inherit;
  left: inherit;
  position: relative;
  right: inherit;
  width: inherit;
  z-index: 0
}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
  position: relative;
  transform: none
}

.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, .5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.klaro .cookie-modal .cm-modal.cm-klaro {
  background-color: var(--consentfriend-dark1, var(--dark1, #fff));
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1), 0 0 12px 0 rgba(0, 0, 0, .1);
  color: var(--consentfriend-light1, var(--light1, #333));
  max-height: 98%;
  overflow: auto;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1001
}

@media (min-width: 660px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    border-radius: var(--consentfriend-border-radius, var(--border-radius, 3px));
    height: auto;
    margin: 0 auto;
    max-width: 640px;
    position: relative;
    width: auto
  }
}

.klaro .cookie-modal .cm-modal .hide {
  background: none;
  border-style: none;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1
}

.klaro .cookie-modal .cm-modal .hide svg {
  stroke: var(--consentfriend-light1, var(--light1, #333))
}

.klaro .cookie-modal .cm-modal .cm-footer {
  border-top: var(--consentfriend-border-width, var(--border-width, 1px)) var(--consentfriend-border-style, var(--border-style, solid)) var(--consentfriend-dark2, var(--dark2, #555));
  padding: 1em
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
  display: flex;
  flex-flow: row;
  justify-content: space-between
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  font-size: .8em;
  padding-right: 8px;
  padding-top: 4px;
  text-align: right
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: var(--consentfriend-dark2, var(--dark2, #555))
}

.klaro .cookie-modal .cm-modal .cm-header {
  border-bottom: var(--consentfriend-border-width, var(--border-width, 1px)) var(--consentfriend-border-style, var(--border-style, solid)) var(--consentfriend-dark2, var(--dark2, #555));
  padding: 1em 24px 1em 1em
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
  display: block;
  font-size: 2em;
  margin: 0
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
  padding-right: 20px
}

.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em
}

.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block
}

.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services {
  margin: 0;
  padding: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret {
  color: var(--consentfriend-light3, var(--light3, #212121))
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content {
  display: none;
  margin-left: -40px
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded {
  display: block;
  margin-top: 10px
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service {
  line-height: 20px;
  min-height: 40px;
  padding-left: 60px;
  position: relative;
  vertical-align: middle
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child {
  margin-top: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p {
  margin-top: 0
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes {
  color: var(--consentfriend-light3, var(--light3, #212121));
  font-size: .8em
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all {
  border-top: var(--consentfriend-border-width, var(--border-width, 1px)) var(--consentfriend-border-style, var(--border-style, solid)) var(--consentfriend-dark2, var(--dark2, #555));
  padding-top: 1em
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title {
  font-weight: 600
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required {
  color: var(--consentfriend-dark2, var(--dark2, #555));
  font-size: .8em;
  padding-left: .2em
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
  background-color: var(--consentfriend-dark1, var(--dark1, #fff));
  bottom: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 999
}

@media (min-width: 1024px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    border-radius: var(--consentfriend-border-radius, var(--border-radius, 3px));
    bottom: var(--consentfriend-notice-bottom, var(--notice-bottom, 20px));
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1), 0 0 12px 0 rgba(0, 0, 0, .1);
    left: var(--consentfriend-notice-left, var(--notice-left, auto));
    max-width: var(--consentfriend-notice-max-width, var(--notice-max-width, 400px));
    position: var(--consentfriend-notice-position, var(--notice-position, fixed));
    right: var(--consentfriend-notice-right, var(--notice-right, 20px));
    top: var(--consentfriend-notice-top, var(--notice-top, auto))
  }
}

@media (max-width: 1023px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    border-radius: 0;
    border-style: none
  }
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
  bottom: inherit;
  height: inherit;
  left: inherit;
  position: relative;
  right: inherit;
  width: inherit;
  z-index: 0
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
  padding-top: .5em
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  bottom: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0 1em 1em
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
  margin-bottom: .5em
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
  text-decoration: underline
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
  display: inline-block;
  flex-grow: 1
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  display: inline-block;
  margin-top: -.5em
}

@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    width: 100%
  }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  margin-top: .5em
}

@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: calc(50% - .5em)
  }
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  align-items: baseline;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: right;
  margin-top: -.5em
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a, .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
  margin-top: .5em
}

.klaro .cookie-modal-notice {
  background-color: var(--consentfriend-dark1, var(--dark1, #fff));
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1), 0 0 12px 0 rgba(0, 0, 0, .1);
  color: var(--consentfriend-light1, var(--light1, #333));
  max-height: 98%;
  overflow: auto;
  padding: .2em 1em 1em;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1001
}

@media (min-width: 400px) {
  .klaro .cookie-modal-notice {
    border-radius: var(--consentfriend-border-radius, var(--border-radius, 3px));
    height: auto;
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    width: auto
  }
}

.klaro .cookie-modal-notice .cn-ok {
  align-items: center;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 1em
}

.klaro .cookie-notice-hidden {
  display: none !important
}

/*!
 * ConsentFriend - Consent management platform for MODX
 * Version: 1.9.0
 * Build date: 2025-12-16
 */