:root {
  --egconsent-navy: #0e2238;
  --egconsent-cyan: #0dafd7;
  --egconsent-orange: #f46b2a;
}

.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
  border: 1px solid rgba(13, 175, 215, .2) !important;
  border-radius: 24px !important;
  background: #fff !important;
  color: var(--egconsent-navy) !important;
  box-shadow: 0 28px 90px rgba(14, 34, 56, .28) !important;
  font-family: inherit !important;
}

.klaro .cookie-notice {
  position: fixed !important;
  width: min(720px, calc(100vw - 40px)) !important;
  margin: 0 !important;
  max-width: 720px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.klaro .cookie-notice::before {
  content: '';
  display: block;
  width: 210px;
  height: 64px;
  margin: 28px auto 6px;
  background: url('logo-horizontal-color.svg') center / contain no-repeat;
}

.klaro .cookie-notice .cn-body {
  max-width: none !important;
  padding: 16px 34px 30px !important;
  text-align: center !important;
}

.klaro .cookie-notice .cn-body > p {
  max-width: 590px;
  margin: 10px auto 22px !important;
  font-size: 16px !important;
}

.klaro .cookie-notice .cn-body h2,
.klaro .cookie-notice .cn-body strong {
  color: var(--egconsent-navy) !important;
}

.klaro .cookie-notice .cn-body h2 {
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
}

.klaro .cookie-notice .cn-buttons,
.klaro .cookie-notice .cn-ok {
  justify-content: center !important;
}

.klaro .cookie-modal .cm-bg,
.klaro .cookie-modal-notice .cm-bg {
  background: rgba(14, 34, 56, .7) !important;
  backdrop-filter: blur(6px);
}

.klaro .cookie-modal .cm-modal {
  max-width: 760px !important;
}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-body,
.klaro .cookie-modal .cm-modal .cm-footer {
  background: transparent !important;
  color: var(--egconsent-navy) !important;
}

.klaro .cookie-modal p,
.klaro .cookie-modal span,
.klaro .cookie-notice p {
  color: #46586a !important;
  line-height: 1.55 !important;
}

.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal strong {
  color: var(--egconsent-navy) !important;
}

.klaro .cm-btn {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 11px 18px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.klaro .cm-btn-info {
  background: #17699f !important;
  color: #fff !important;
}

.klaro .cm-btn-success {
  background: #a83f12 !important;
  color: #fff !important;
}

.klaro .cm-btn-danger,
.klaro .cm-btn-decline {
  background: #eaf1f4 !important;
  color: var(--egconsent-navy) !important;
}

.klaro .cm-link,
.klaro a {
  color: #087b99 !important;
  font-weight: 750 !important;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background-color: var(--egconsent-cyan) !important;
}

.klaro .cookie-modal .cm-list-input:disabled + .cm-list-label .slider {
  background-color: var(--egconsent-navy) !important;
  opacity: .72 !important;
}

.klaro .cookie-modal .cm-list-description {
  color: #627787 !important;
}

@media (max-width: 600px) {
  .klaro .cookie-notice {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
    overflow-y: auto !important;
  }

  .klaro .cookie-notice::before {
    width: 168px;
    height: 52px;
    margin-top: 22px;
  }

  .klaro .cookie-notice .cn-body {
    padding: 12px 20px 24px !important;
  }

  .klaro .cookie-notice .cn-body > p {
    font-size: 14px !important;
  }
}

.egconsent-preferences-button {
  border: 0;
  border-radius: 999px;
  padding: 12px 20px;
  background: var(--egconsent-navy);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.egconsent-preferences-button:hover,
.egconsent-preferences-button:focus-visible {
  background: var(--egconsent-orange);
}
.klaro .cm-powered-by { display: none !important; }